/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[3]!./node_modules/swiper/swiper.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 11.0.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 5, 2024
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[9].use[5]!./src/styles/Media.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Media_image__PXNXI {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.06);
  border-radius: 2px;
}
.Media_image__PXNXI::before {
  content: "";
  width: 100%;
  height: auto;
}
.Media_image__PXNXI img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

.Media_video__z2xxQ {
  aspect-ratio: 16/9;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-left: -20px;
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.06);
  border-radius: 2px;
}
@media (min-width: 960px) {
  .Media_video__z2xxQ {
    width: 125%;
    margin-left: -25%;
  }
}
.Media_video__z2xxQ video {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[9].use[5]!./src/styles/BeforeAfter.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BeforeAfter_section__XaUF_ > div {
  overflow: hidden;
  padding-top: 32px;
}
@media (min-width: 721px) {
  .BeforeAfter_section__XaUF_ > div {
    padding-top: 60px;
  }
}
@media (max-width: 721px) {
  .BeforeAfter_section__XaUF_ {
    position: relative;
  }
  .BeforeAfter_section__XaUF_:after {
    content: "";
    width: 159px;
    height: 139px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: url("/images/element-baf-mobile.svg") top right no-repeat;
    background-size: contain;
  }
}

.BeforeAfter_title__rNJz4 {
  margin-bottom: 40px;
  max-width: 50%;
}
@media (min-width: 721px) {
  .BeforeAfter_title__rNJz4 {
    margin-bottom: 60px;
    max-width: 70%;
  }
}
@media (min-width: 1244px) {
  .BeforeAfter_title__rNJz4 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .BeforeAfter_title__rNJz4 br {
    display: none;
  }
}

.BeforeAfter_flex__gu7Gn {
  display: flex;
  width: 100%;
}

.BeforeAfter_image__gXWx_ > div {
  max-width: 100%;
  margin-left: 0;
}

.BeforeAfter_name__Bufv6 {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  text-transform: uppercase;
  margin-top: 14px;
  padding: 0 20px;
}
@media (min-width: 721px) {
  .BeforeAfter_name__Bufv6 {
    font-size: 24px;
    line-height: 125%;
    padding: 0;
    margin-top: 24px;
  }
}

.BeforeAfter_medias__f_u_j {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 42px;
  max-width: 1184px;
  margin: 0 auto;
  flex-wrap: wrap;
  width: calc(100% + 28px);
  margin-left: -14px;
  padding: 0 0 32px;
}
@media (max-width: 720px) {
  .BeforeAfter_medias__f_u_j {
    overflow: hidden;
    position: relative;
  }
  .BeforeAfter_medias__f_u_j::before {
    content: "";
    background: url("/images/element-befaf.svg") center no-repeat;
    width: 360px;
    height: 753px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    pointer-events: none;
  }
}
@media (min-width: 721px) {
  .BeforeAfter_medias__f_u_j {
    padding: 0 0 60px;
    gap: 72px 0;
    flex-direction: row;
    width: 100%;
    margin-left: auto;
  }
}

.BeforeAfter_column1__WI3A3 {
  width: 100%;
}
.BeforeAfter_column1__WI3A3 > div:first-child {
  margin-left: -20px;
}
@media (min-width: 721px) {
  .BeforeAfter_column1__WI3A3 > div:first-child {
    margin-left: 0;
  }
}
.BeforeAfter_column1__WI3A3 > div:last-child:not(:first-child) {
  margin-right: -20px;
  margin-left: auto;
}
@media (min-width: 721px) {
  .BeforeAfter_column1__WI3A3 > div:last-child:not(:first-child) {
    margin-left: 60px;
    margin-right: auto;
  }
}

.BeforeAfter_column2__jWZ33 {
  width: 100%;
  position: relative;
}
@media (min-width: 721px) {
  .BeforeAfter_column2__jWZ33 {
    padding-top: 145px;
  }
  .BeforeAfter_column2__jWZ33::after {
    content: "";
    width: 579px;
    height: 493px;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    pointer-events: none;
    z-index: 1;
    background: url("/images/element-double.svg") center no-repeat;
    background-size: contain;
  }
}
.BeforeAfter_column2__jWZ33 > div:first-child {
  margin-left: -20px;
}
@media (min-width: 721px) {
  .BeforeAfter_column2__jWZ33 > div:first-child {
    margin-left: 0;
  }
}
.BeforeAfter_column2__jWZ33 > div:last-child {
  margin-left: 100px;
}
@media (min-width: 721px) {
  .BeforeAfter_column2__jWZ33 > div:last-child {
    margin-left: 120px;
  }
}

.BeforeAfter_item__PVHYv {
  margin-bottom: 0;
  max-width: 260px;
  position: relative;
  z-index: 5;
  width: 100%;
}
@media (max-width: 720px) {
  .BeforeAfter_item__PVHYv:nth-child(2n+2) {
    margin-right: 0;
    margin-left: auto;
  }
  .BeforeAfter_item__PVHYv:nth-child(2n+2) .BeforeAfter_name__Bufv6 {
    padding-left: 0;
  }
}
@media (min-width: 721px) {
  .BeforeAfter_item__PVHYv {
    max-width: 440px;
    margin-bottom: 0;
    width: 38%;
  }
  .BeforeAfter_item__PVHYv:first-child {
    margin-right: 3%;
  }
  .BeforeAfter_item__PVHYv:nth-child(2) {
    margin-left: 10%;
    margin-top: 115px;
    margin-right: auto;
  }
}
@media (min-width: 721px) and (min-width: 721px) {
  .BeforeAfter_item__PVHYv:nth-child(2) {
    position: relative;
  }
  .BeforeAfter_item__PVHYv:nth-child(2)::after {
    content: "";
    width: 579px;
    height: 493px;
    display: block;
    position: absolute;
    top: -150px;
    left: 50%;
    pointer-events: none;
    z-index: -1;
    background: url("/images/element-double.svg") center no-repeat;
    background-size: contain;
  }
}
@media (min-width: 721px) {
  .BeforeAfter_item__PVHYv:nth-child(3) {
    margin-top: -72px;
    margin-left: auto;
    margin-right: 10%;
  }
  .BeforeAfter_item__PVHYv:nth-child(4) {
    margin-left: auto;
    margin-top: 0;
    margin-right: 0;
  }
}

.BeforeAfter_mediaBlock__lubpT {
  position: relative;
}

.BeforeAfter_btns__xZi0e {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
  z-index: 30;
  height: 40px;
  width: 83px;
  margin: 0 0 0 auto;
  position: absolute;
  bottom: 0;
  left: calc(100% + 14px);
}
@media (min-width: 721px) {
  .BeforeAfter_btns__xZi0e {
    top: 14px;
    right: 14px;
    left: auto;
  }
}
.BeforeAfter_item__PVHYv:nth-child(2n+2) .BeforeAfter_btns__xZi0e {
  right: calc(100% + 14px);
  left: auto;
}
@media (min-width: 721px) {
  .BeforeAfter_item__PVHYv:nth-child(2n+2) .BeforeAfter_btns__xZi0e {
    top: 14px;
    left: 14px;
    right: auto;
  }
}

.BeforeAfter_prevButton__PAPDi {
  align-items: center;
  background-size: contain;
  background: #fff;
  border-radius: 100%;
  border: none;
  box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.06);
  color: #ffffff;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  height: 40px;
  justify-content: center;
  left: 0;
  letter-spacing: 0.04em;
  margin: auto;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  width: 40px;
  transition: 0.5s;
}
.BeforeAfter_prevButton__PAPDi path {
  transition: 0.5s;
}
.BeforeAfter_prevButton__PAPDi svg {
  stroke: #000000;
  transform: rotate(180deg) scale(0.39);
}
.BeforeAfter_prevButton__PAPDi:hover path {
  stroke: url(#arrow);
}
.BeforeAfter_prevButton__PAPDi:active {
  box-shadow: none;
}

.BeforeAfter_nextButton__m3Iuf {
  align-items: center;
  background-size: contain;
  background: #fff;
  border-radius: 100%;
  border: none;
  box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.06);
  color: #ffffff;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  height: 40px;
  justify-content: center;
  letter-spacing: 0.04em;
  margin: auto;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
  width: 40px;
  transition: 0.5s;
}
.BeforeAfter_nextButton__m3Iuf path {
  transition: 0.5s;
}
.BeforeAfter_nextButton__m3Iuf svg {
  stroke: #000000;
  transform: scale(0.39);
}
.BeforeAfter_nextButton__m3Iuf:hover path {
  stroke: url(#arrow);
}
.BeforeAfter_nextButton__m3Iuf:active {
  box-shadow: none;
}

.BeforeAfter_disable__9oeCl {
  opacity: 0.3;
  pointer-events: none;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[9].use[5]!./src/styles/Doctors.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Doctors_section__wFQpR {
  background: rgba(243, 244, 240, 0.7);
  position: relative;
  padding: 42px 0 8px;
}
@media (min-width: 1244px) {
  .Doctors_section__wFQpR {
    background: #f3f4f0;
    padding: 0;
  }
}
@media (min-width: 1440px) {
  .Doctors_section__wFQpR {
    position: relative;
  }
}
.Doctors_section__wFQpR::after {
  pointer-events: none;
  z-index: 3;
  display: block;
}
@media (max-width: 1439px) {
  .Doctors_section__wFQpR::after {
    content: "";
    width: 600px;
    height: 600px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: -300px;
    background: url("/images/gradient.svg") center no-repeat;
    background-size: contain;
  }
}
@media (min-width: 1440px) {
  .Doctors_section__wFQpR::after {
    content: "";
    background: url("/images/el-doctors.svg") top right no-repeat;
    width: 214px;
    height: 428px;
    position: absolute;
    bottom: -237px;
    right: 0;
  }
}
.Doctors_section__wFQpR::before {
  content: "";
  width: 72px;
  height: 94px;
  display: block;
  position: absolute;
  top: -28px;
  right: 50px;
  background: url("/images/elements-2.svg") center no-repeat;
  pointer-events: none;
}
@media (max-width: 1243px) {
  .Doctors_section__wFQpR::before {
    z-index: 5;
  }
}
@media (min-width: 1244px) {
  .Doctors_section__wFQpR::before {
    background: url("/images/element-doctors.svg") top right no-repeat;
    width: 1041px;
    height: 2281px;
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
    pointer-events: none;
  }
}
.Doctors_section__wFQpR h2 {
  margin-bottom: 14px;
}
@media (min-width: 1244px) {
  .Doctors_section__wFQpR h2 {
    margin-bottom: 36px;
  }
}

.Doctors_wrap__zzLOt {
  position: relative;
}

.Doctors_box__eO_RB {
  width: 100%;
  position: relative;
  z-index: 7;
}

.Doctors_blockCenter__SYqDx {
  margin: auto;
}

@media (min-width: 1244px) {
  .Doctors_block___jDVb {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    max-width: 415px;
    margin: auto;
    position: absolute;
    top: 44%;
    left: 0;
    right: 0;
    bottom: auto;
  }
}
.Doctors_block___jDVb button {
  display: none;
}
@media (min-width: 1244px) {
  .Doctors_block___jDVb button {
    display: flex;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
  }
}

.Doctors_afterbtn__7BYWE {
  display: flex;
}
@media (min-width: 1244px) {
  .Doctors_afterbtn__7BYWE {
    display: none;
  }
}
.Doctors_afterbtn__7BYWE button {
  margin-left: auto;
  margin-right: auto;
}

.Doctors_info__uGmpv {
  font-weight: 400;
  font-size: 12px;
  line-height: 167%;
  color: #757575;
  margin-bottom: 29px;
}
@media (min-width: 721px) {
  .Doctors_info__uGmpv {
    font-size: 16px;
    line-height: 162%;
    text-align: center;
    margin-bottom: 42px;
  }
}

.Doctors_doctors__VJueV {
  overflow: visible !important;
  position: relative;
  margin-bottom: 34px;
}

.Doctors_btns__UUUv7 {
  z-index: 30;
  width: 83px;
  position: absolute;
  top: 0;
  left: 47%;
}
@media (min-width: 721px) {
  .Doctors_btns__UUUv7 {
    width: 180px;
  }
}
@media (min-width: 1244px) {
  .Doctors_btns__UUUv7 {
    top: 14%;
    left: 51%;
    width: 180px;
  }
}

.Doctors_doctor__Lb_3x {
  display: flex;
  flex-direction: column;
  position: relative;
  position: relative;
}
.Doctors_doctor__Lb_3x:first-child {
  width: 41%;
  margin-right: 10%;
  margin-bottom: 12.2vw;
}
@media (min-width: 1244px) {
  .Doctors_doctor__Lb_3x:first-child {
    width: 240px;
    margin: 0;
    position: absolute;
    top: 21%;
  }
}
.Doctors_doctor__Lb_3x:first-child > div:first-child {
  width: 100%;
  aspect-ratio: 1;
}
@media (min-width: 1244px) {
  .Doctors_doctor__Lb_3x:first-child > div:first-child {
    aspect-ratio: 0.95;
    width: 250px;
  }
}
.Doctors_doctor__Lb_3x:nth-child(2) {
  width: 45%;
  margin-top: 17.8vw;
}
@media (min-width: 1244px) {
  .Doctors_doctor__Lb_3x:nth-child(2) {
    width: 240px;
    position: absolute;
    margin: 0;
    top: calc(3% + 2.78vw);
    left: 31%;
  }
}
.Doctors_doctor__Lb_3x:nth-child(2) > div:first-child {
  width: 83%;
  aspect-ratio: 1.14;
  margin-top: 0;
}
@media (min-width: 1244px) {
  .Doctors_doctor__Lb_3x:nth-child(2) > div:first-child {
    width: 198px;
    aspect-ratio: 0.98;
  }
}
.Doctors_doctor__Lb_3x:nth-child(3) {
  width: 49.44%;
}
@media (min-width: 1244px) {
  .Doctors_doctor__Lb_3x:nth-child(3) {
    position: absolute;
    margin: 0;
    top: 17%;
    right: 0;
    width: 312px;
  }
}
.Doctors_doctor__Lb_3x:nth-child(3) > div:first-child {
  width: 100%;
  aspect-ratio: 1.86;
}
@media (min-width: 1244px) {
  .Doctors_doctor__Lb_3x:nth-child(3) > div:first-child {
    width: 315px;
    aspect-ratio: 1.6;
  }
}
.Doctors_doctor__Lb_3x:nth-child(4) {
  width: 40.11%;
  margin-left: 10.28%;
  margin-top: 27px;
}
@media (min-width: 1244px) {
  .Doctors_doctor__Lb_3x:nth-child(4) {
    width: 250px;
    position: absolute;
    margin: 0;
    top: 66%;
    right: 9%;
  }
}
.Doctors_doctor__Lb_3x:nth-child(4) > div:first-child {
  width: 66.15%;
  aspect-ratio: 0.62;
}
@media (min-width: 1244px) {
  .Doctors_doctor__Lb_3x:nth-child(4) > div:first-child {
    width: 194px;
    aspect-ratio: 0.97;
  }
}
.Doctors_doctor__Lb_3x:nth-child(4) > div:first-child .Doctors_photoBox__ejU3m {
  display: flex;
  align-items: flex-end;
}
.Doctors_doctor__Lb_3x:nth-child(4) > div:first-child .Doctors_photoBox__ejU3m img {
  height: auto;
  max-width: 100%;
  max-height: 100%;
  min-width: 80%;
}
.Doctors_doctor__Lb_3x:nth-child(5) {
  width: 49.44%;
  margin-top: -15%;
  margin-left: 11.1%;
}
@media (min-width: 1244px) {
  .Doctors_doctor__Lb_3x:nth-child(5) {
    width: 250px;
    position: absolute;
    margin: 0;
    top: 67%;
    left: 7%;
  }
}
.Doctors_doctor__Lb_3x:nth-child(5) > div:first-child {
  width: 61.25%;
  aspect-ratio: 1.14;
}
@media (min-width: 1244px) {
  .Doctors_doctor__Lb_3x:nth-child(5) > div:first-child {
    width: 250px;
    aspect-ratio: 1.26;
  }
}
.Doctors_doctor__Lb_3x::before {
  content: "";
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  position: absolute;
  top: -10px;
  left: -10px;
  background: #ffffff;
  z-index: -1;
  display: none;
}
@media (min-width: 721px) {
  .Doctors_doctor__Lb_3x::before {
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    top: -20px;
    left: -20px;
  }
}
.Doctors_doctor__Lb_3x:hover::before {
  display: block;
}
.Doctors_doctor__Lb_3x:hover > div:last-child {
  display: block;
}

.Doctors_doctorInfo__bUfTj {
  font-weight: 400;
  font-size: 13px;
  line-height: 145%;
  color: #757575;
}
@media (min-width: 721px) {
  .Doctors_doctorInfo__bUfTj {
    font-size: 14px;
    line-height: 171%;
  }
}

.Doctors_doctorsBox__m0z1q {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (min-width: 1232px) {
  .Doctors_doctorsBox__m0z1q {
    width: 100%;
    height: 918px;
    display: block;
  }
}

.Doctors_doctorName__Ltv3y {
  font-weight: 400;
  font-size: 16px;
  line-height: 143%;
  color: #000000;
}
@media (min-width: 721px) {
  .Doctors_doctorName__Ltv3y {
    font-size: 18px;
    line-height: 144%;
    margin-bottom: 4px;
  }
}

.Doctors_photoBox__ejU3m {
  height: 110%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
}

.Doctors_doctorPhoto__rQeSQ, .Doctors_doctor__Lb_3x:first-child > div:first-child, .Doctors_doctor__Lb_3x:nth-child(2) > div:first-child, .Doctors_doctor__Lb_3x:nth-child(3) > div:first-child, .Doctors_doctor__Lb_3x:nth-child(4) > div:first-child, .Doctors_doctor__Lb_3x:nth-child(5) > div:first-child {
  background: url("/images/doctor.png") center no-repeat #fafbf9;
  position: relative;
  margin-bottom: 7px;
  max-width: 100%;
}
@media (min-width: 1244px) {
  .Doctors_doctorPhoto__rQeSQ, .Doctors_doctor__Lb_3x:first-child > div:first-child, .Doctors_doctor__Lb_3x:nth-child(2) > div:first-child, .Doctors_doctor__Lb_3x:nth-child(3) > div:first-child, .Doctors_doctor__Lb_3x:nth-child(4) > div:first-child, .Doctors_doctor__Lb_3x:nth-child(5) > div:first-child {
    margin-bottom: 16px;
  }
}
.Doctors_doctorPhoto__rQeSQ img, .Doctors_doctor__Lb_3x:first-child > div:first-child img, .Doctors_doctor__Lb_3x:nth-child(2) > div:first-child img, .Doctors_doctor__Lb_3x:nth-child(3) > div:first-child img, .Doctors_doctor__Lb_3x:nth-child(4) > div:first-child img, .Doctors_doctor__Lb_3x:nth-child(5) > div:first-child img {
  height: 100%;
  width: auto;
}

.Doctors_nophoto__3UWPx {
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-width: 90%;
  max-height: 90%;
}

.Doctors_bio__finvV {
  font-weight: 400;
  font-size: 11px;
  line-height: 145%;
  color: #757575;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 6;
  width: 100%;
}
.Doctors_bio__finvV > div {
  max-height: 100px;
  overflow: auto;
}
.Doctors_bio__finvV::before {
  content: "";
  width: calc(100% + 20px);
  height: calc(100% + 10px);
  position: absolute;
  top: 0;
  left: -10px;
  background: #ffffff;
  z-index: -1;
  display: block;
}
@media (min-width: 721px) {
  .Doctors_bio__finvV::before {
    width: calc(100% + 40px);
    height: calc(100% + 20px);
    left: -20px;
  }
}
@media (min-width: 721px) {
  .Doctors_bio__finvV {
    font-size: 14px;
    line-height: 171%;
  }
}

.Doctors_prevButton__VQtlo {
  align-items: center;
  background-size: contain;
  background: #fff;
  border-radius: 100%;
  border: none;
  box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.06);
  color: #ffffff;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  height: 40px;
  justify-content: center;
  left: 0;
  letter-spacing: 0.04em;
  margin: auto;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  width: 40px;
  transition: 0.5s;
}
.Doctors_prevButton__VQtlo path {
  transition: 0.5s;
}
@media (min-width: 721px) {
  .Doctors_prevButton__VQtlo {
    width: 80px;
    height: 80px;
  }
}
.Doctors_prevButton__VQtlo svg {
  stroke: #000000;
  transform: rotate(180deg) scale(0.39);
}
@media (min-width: 721px) {
  .Doctors_prevButton__VQtlo svg {
    transform: rotate(180deg) scale(0.79);
  }
}
.Doctors_prevButton__VQtlo:hover path {
  stroke: url(#arrow);
}
.Doctors_prevButton__VQtlo:active {
  box-shadow: none;
}

.Doctors_nextButton__1becD {
  align-items: center;
  background-size: contain;
  background: #fff;
  border-radius: 100%;
  border: none;
  box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.06);
  color: #ffffff;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  height: 40px;
  justify-content: center;
  letter-spacing: 0.04em;
  margin: auto;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
  width: 40px;
  transition: 0.5s;
}
.Doctors_nextButton__1becD path {
  transition: 0.5s;
}
@media (min-width: 721px) {
  .Doctors_nextButton__1becD {
    width: 80px;
    height: 80px;
  }
}
.Doctors_nextButton__1becD svg {
  stroke: #000000;
  transform: scale(0.39);
}
@media (min-width: 721px) {
  .Doctors_nextButton__1becD svg {
    transform: scale(0.79);
  }
}
.Doctors_nextButton__1becD:hover path {
  stroke: url(#arrow);
}
.Doctors_nextButton__1becD:active {
  box-shadow: none;
}

.Doctors_disable__0ImsV {
  opacity: 0.3;
  pointer-events: none;
}

@media (min-width: 1244px) {
  .Doctors_three__E21vp {
    position: relative;
    padding: 80px 0;
  }
  .Doctors_three__E21vp .Doctors_block___jDVb {
    position: relative;
  }
  .Doctors_three__E21vp .Doctors_doctors__VJueV {
    margin-bottom: 0;
  }
  .Doctors_three__E21vp .Doctors_doctorsBox__m0z1q {
    padding-top: 12px;
    display: flex;
    gap: 65px;
    align-items: flex-start;
    justify-content: center;
    height: auto;
  }
  .Doctors_three__E21vp .Doctors_doctor__Lb_3x {
    position: relative;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    height: auto;
    display: block;
  }
  .Doctors_three__E21vp .Doctors_doctorPhoto__rQeSQ, .Doctors_three__E21vp .Doctors_doctor__Lb_3x:first-child > div:first-child, .Doctors_three__E21vp .Doctors_doctor__Lb_3x:nth-child(2) > div:first-child, .Doctors_three__E21vp .Doctors_doctor__Lb_3x:nth-child(3) > div:first-child, .Doctors_three__E21vp .Doctors_doctor__Lb_3x:nth-child(4) > div:first-child, .Doctors_three__E21vp .Doctors_doctor__Lb_3x:nth-child(5) > div:first-child {
    width: 100%;
    height: 270px;
  }
}
.Doctors_three__E21vp .Doctors_btns__UUUv7 {
  display: none;
}

@media (min-width: 1244px) {
  .Doctors_four__8IGmt {
    position: relative;
    padding: 100px 0 64px;
  }
  .Doctors_four__8IGmt .Doctors_doctors__VJueV {
    margin-bottom: 0;
  }
  .Doctors_four__8IGmt .Doctors_doctorsBox__m0z1q {
    display: flex;
    gap: 60px 30%;
    align-items: flex-start;
    justify-content: space-between;
    height: auto;
    max-width: 1125px;
    margin: auto;
  }
  .Doctors_four__8IGmt .Doctors_doctor__Lb_3x {
    position: relative;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    height: auto;
    display: block;
  }
  .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:first-child {
    margin-left: 125px;
    width: 250px;
  }
  .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:first-child .Doctors_doctorPhoto__rQeSQ, .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:first-child > div:first-child, .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:first-child .Doctors_doctor__Lb_3x:nth-child(2) > div:first-child, .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:first-child .Doctors_doctor__Lb_3x:nth-child(3) > div:first-child, .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:first-child .Doctors_doctor__Lb_3x:nth-child(4) > div:first-child, .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:first-child .Doctors_doctor__Lb_3x:nth-child(5) > div:first-child {
    width: 250px;
    height: 264px;
  }
  .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:nth-child(2) {
    margin-top: 60px;
    width: 315px;
  }
  .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:nth-child(2) .Doctors_doctorPhoto__rQeSQ, .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:nth-child(2) .Doctors_doctor__Lb_3x:first-child > div:first-child, .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:nth-child(2) > div:first-child, .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:nth-child(2) .Doctors_doctor__Lb_3x:nth-child(3) > div:first-child, .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:nth-child(2) .Doctors_doctor__Lb_3x:nth-child(4) > div:first-child, .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:nth-child(2) .Doctors_doctor__Lb_3x:nth-child(5) > div:first-child {
    width: 315px;
    height: 200px;
  }
  .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:nth-child(3) {
    margin-top: 15px;
    width: 250px;
  }
  .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:nth-child(3) .Doctors_doctorPhoto__rQeSQ, .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:nth-child(3) .Doctors_doctor__Lb_3x:first-child > div:first-child, .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:nth-child(3) .Doctors_doctor__Lb_3x:nth-child(2) > div:first-child, .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:nth-child(3) > div:first-child, .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:nth-child(3) .Doctors_doctor__Lb_3x:nth-child(4) > div:first-child, .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:nth-child(3) .Doctors_doctor__Lb_3x:nth-child(5) > div:first-child {
    width: 250px;
    height: 198px;
  }
  .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:last-child {
    width: 190px;
  }
  .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:last-child .Doctors_doctorPhoto__rQeSQ, .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:last-child .Doctors_doctor__Lb_3x:first-child > div:first-child, .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:last-child .Doctors_doctor__Lb_3x:nth-child(2) > div:first-child, .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:last-child .Doctors_doctor__Lb_3x:nth-child(3) > div:first-child, .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:last-child .Doctors_doctor__Lb_3x:nth-child(4) > div:first-child, .Doctors_four__8IGmt .Doctors_doctor__Lb_3x:last-child .Doctors_doctor__Lb_3x:nth-child(5) > div:first-child {
    width: 190px;
    height: 200px;
  }
  .Doctors_four__8IGmt .Doctors_block___jDVb {
    top: 54%;
  }
}
.Doctors_four__8IGmt .Doctors_btns__UUUv7 {
  display: none;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[9].use[5]!./src/styles/Map.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media (min-width: 721px) {
  .Map_section__iGh13 {
    overflow: hidden;
  }
}

.Map_map__7ZDUk {
  height: 204px;
  width: 100%;
}
@media (min-width: 721px) {
  .Map_map__7ZDUk {
    height: 100%;
    width: 200%;
    max-width: 1440px;
  }
  .Map_map__7ZDUk > ymaps {
    height: 100%;
    width: 100%;
  }
}

@media (min-width: 721px) {
  .Map_contactsBox__mMoen {
    max-width: 1232px;
    padding: 0 14px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
  }
}

@media (min-width: 721px) {
  .Map_contactsInline__H__DB {
    width: 100%;
    order: 1;
  }
}

.Map_contacts__DC5y6 {
  font-weight: 400;
  font-size: 16px;
  line-height: 157%;
  color: #757575;
  padding: 32px 0 11px;
  background: url("/images/contacts.png") bottom left no-repeat;
  flex-shrink: 0;
}
@media (min-width: 721px) {
  .Map_contacts__DC5y6 {
    background: none;
    width: 372px;
    padding: 97px 0 48px 0;
    font-size: 16px;
    line-height: 162%;
    font-size: 14px;
  }
}
.Map_contacts__DC5y6 a {
  text-decoration: none;
  color: inherit;
}

.Map_flex__nu59e {
  display: flex;
  margin-bottom: 16px;
  justify-content: space-between;
}
@media (min-width: 721px) {
  .Map_flex__nu59e {
    flex-direction: column;
    margin-bottom: 37px;
  }
}
.Map_flex__nu59e:last-child {
  flex-direction: column;
}
@media (min-width: 721px) {
  .Map_flex__nu59e:last-child {
    display: block;
  }
}

@media (min-width: 721px) {
  .Map_socials__ts_XU {
    order: -1;
    justify-content: flex-start;
    margin-right: auto;
    margin-bottom: 37px;
  }
}

@media (min-width: 721px) {
  .Map_container__TZp7i {
    width: 100%;
    padding: 0;
  }
}

.Map_logo-dha__L4MeH {
  max-width: 161px;
}
@media (min-width: 721px) {
  .Map_logo-dha__L4MeH {
    max-width: 235px;
    margin-top: 40px;
  }
}

.Map_socials__ts_XU {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
@media (min-width: 721px) {
  .Map_socials__ts_XU {
    gap: 16px;
  }
}

.Map_instagram__KJ52G {
  width: 32px;
  height: 32px;
  display: block;
  background: url("/images/instagram.svg") center no-repeat;
  background-size: contain;
}
@media (min-width: 721px) {
  .Map_instagram__KJ52G {
    width: 40px;
    height: 40px;
  }
}

.Map_facebook__JlPNM {
  width: 32px;
  height: 32px;
  display: block;
  background: url("/images/facebook.svg") center no-repeat;
  background-size: contain;
}
@media (min-width: 721px) {
  .Map_facebook__JlPNM {
    width: 40px;
    height: 40px;
  }
}

.Map_box__BTDw7 {
  display: block;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[9].use[5]!./src/styles/CallUs.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CallUs_callUs__Hasro {
  align-items: center;
  background-size: cover;
  background: url("/images/call-us.png") center no-repeat;
  background-size: cover;
  box-sizing: border-box;
  color: #f9f9f7;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  gap: 12px;
  height: 100px;
  justify-content: center;
  line-height: 145%;
  padding: 20px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
@media (min-width: 320px) {
  .CallUs_callUs__Hasro {
    font-size: 22px;
  }
}
@media (min-width: 721px) {
  .CallUs_callUs__Hasro {
    height: 250px;
    font-size: 50px;
  }
}
@media (min-width: 1244px) {
  .CallUs_callUs__Hasro {
    font-size: 96px;
    height: 470px;
    line-height: 100%;
  }
}
.CallUs_callUs__Hasro a {
  text-decoration: none;
  color: inherit;
}

.CallUs_icon__khDyG {
  width: 48px;
  height: 48px;
  background: url("/images/whatsapp.svg") center no-repeat;
  background-size: 22px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 100%;
}
@media (min-width: 721px) {
  .CallUs_icon__khDyG {
    display: none;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[9].use[5]!./src/styles/Treatments.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";

.Treatments_submenu__K6Br_ {
  display: block;
  position: absolute;
  width: 100%;
  top: 100%;
  background: #000;
}
@media (max-width: 721px) {
  .Treatments_submenu__K6Br_ {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 721px) {
  .Treatments_submenu__K6Br_ {
    bottom: auto;
    top: 0;
  }
}

.Treatments_mainMenu__l3dBp {
  display: block;
  position: absolute;
  width: 100%;
  top: 100%;
}
@media (min-width: 721px) {
  .Treatments_mainMenu__l3dBp {
    bottom: 48px;
    top: auto;
  }
}
@media (min-width: 1244px) {
  .Treatments_mainMenu__l3dBp {
    bottom: 92px;
  }
}
.Treatments_mainMenu__l3dBp .Treatments_treatments__HG_m4 {
  display: none;
}
.Treatments_mainMenu__l3dBp.Treatments_open__F7J18 .Treatments_treatments__HG_m4 {
  display: flex;
}

.Treatments_btnSubmenu__rDdbG {
  position: relative;
  align-items: center;
  background-size: contain;
  background: url("/images/submenu.svg") top center no-repeat;
  background-size: contain;
  border-radius: 0;
  border: none;
  box-shadow: none;
  color: #ffffff;
  display: flex;
  font-family: var(--cera-regular);
  font-size: 18px;
  font-weight: 400;
  gap: 19px;
  height: 60px;
  justify-content: center;
  letter-spacing: 0.04em;
  line-height: 156%;
  margin: 0 auto;
  max-width: 332px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  max-width: 100%;
  width: 283px;
  z-index: 20;
  cursor: pointer;
}
@media (min-width: 721px) {
  .Treatments_btnSubmenu__rDdbG {
    background: #000000;
    border-radius: 48px;
    font-size: 18px;
    font-weight: 400;
    height: 64px;
    letter-spacing: 0.04em;
    line-height: 156%;
    max-width: 254px;
    text-align: center;
    text-transform: uppercase;
  }
}
.Treatments_btnSubmenu__rDdbG svg {
  display: block;
  height: 16px;
  position: relative;
  transform: rotate(180deg);
  width: 16px;
  stroke: #ffffff;
  transform-origin: center;
}
.Treatments_btnSubmenu__rDdbG:hover span {
  background: linear-gradient(37deg, #e31d93 0%, #54c8e8 25%, #0055b8 50%, rgba(130, 215, 238, 0.73) 75%, #dd85ba 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Treatments_btnSubmenu__rDdbG:hover svg {
  stroke: url(#select);
  transform: rotate(0);
}

.Treatments_open__F7J18 > div > ul {
  display: flex;
}
.Treatments_open__F7J18 > div > button {
  background: url("/images/submenu.svg") top center no-repeat;
  border-radius: 0;
  background-size: contain;
  max-width: 282px;
}
.Treatments_open__F7J18 > div > button::after {
  transform: rotate(360deg);
}

@media (max-width: 721px) {
  .Treatments_submenuContainer__g8qNF {
    display: flex;
    width: 100%;
    height: 100%;
  }
}

.Treatments_treatments__HG_m4 {
  background: #000;
  bottom: 100%;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 18px;
  font-weight: 400;
  left: 0;
  letter-spacing: 0.04em;
  line-height: 156%;
  margin: auto;
  max-width: 1090px;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  z-index: 90;
}
@media (max-width: 720px) {
  .Treatments_treatments__HG_m4 {
    overflow: auto;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 721px) {
  .Treatments_treatments__HG_m4 {
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
  }
}

.Treatments_treatment__8kEmv {
  width: 100%;
  transition: 0.3s;
  background: #000;
}
@media (min-width: 721px) {
  .Treatments_treatment__8kEmv {
    position: relative;
  }
}
.Treatments_treatment__8kEmv:hover {
  cursor: pointer;
  background-image: linear-gradient(70deg, #55c5e5 0%, #d81c87 27.5%, #ae2c8e 64%, #5f4698 100%);
}
@media (min-width: 721px) {
  .Treatments_treatment__8kEmv {
    width: 33.3%;
  }
}
@media (min-width: 721px) {
  .Treatments_treatment__8kEmv:nth-child(3n+2) > ul {
    width: 100%;
    max-height: calc(100vh - 200px);
    overflow: auto;
  }
  .Treatments_treatment__8kEmv:nth-child(3n+2) > ul > li {
    width: 100%;
    margin-right: 0;
  }
}
@media (min-width: 721px) {
  .Treatments_treatment__8kEmv:nth-child(3n+3) > ul {
    left: auto;
    right: 100%;
  }
}
.Treatments_treatment__8kEmv span {
  display: block;
  padding: 4px 14px;
}
@media (min-width: 721px) {
  .Treatments_treatment__8kEmv span {
    padding: 16px 24px;
  }
}

.Treatments_active__nFx8Y ul {
  display: block;
}
@media (min-width: 721px) {
  .Treatments_active__nFx8Y ul {
    display: flex;
  }
}

.Treatments_procedures__yzdch {
  position: absolute;
  background: #000000;
  padding: 24px 19px;
  z-index: 91;
  display: none;
  width: 100%;
  flex-wrap: wrap;
}
@media (max-width: 440px) {
  .Treatments_procedures__yzdch {
    height: calc(100% - 80px);
  }
}
@media (max-width: 720px) {
  .Treatments_procedures__yzdch {
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 114px);
    overflow: auto;
  }
}
@media (min-width: 721px) {
  .Treatments_procedures__yzdch {
    top: 0;
    left: 100%;
    bottom: auto;
  }
}

.Treatments_procedure__TF0pJ {
  text-transform: none;
  font-size: 16px;
  line-height: 160%;
  padding-left: 20px;
  position: relative;
  width: 100%;
}
.Treatments_procedure__TF0pJ:not(:last-child) {
  margin-bottom: 10px;
}
.Treatments_procedure__TF0pJ::before {
  content: "•";
  position: absolute;
  top: -1px;
  left: 0;
}
.Treatments_procedure__TF0pJ:hover:before {
  color: #55c5e5;
}
.Treatments_procedure__TF0pJ a {
  color: inherit;
  text-decoration: none;
  display: block;
}
.Treatments_procedure__TF0pJ a:hover {
  text-decoration: none;
  background-image: linear-gradient(42deg, #55c5e5 0%, #d81c87 27.5%, #ae2c8e 64%, #5f4698 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.Treatments_back__roFRA {
  position: relative;
  top: auto;
  left: 0;
  padding-bottom: 15px;
}
@media (min-width: 721px) {
  .Treatments_back__roFRA {
    display: none;
  }
}

.Treatments_btnBack__WcfeM {
  border: 1px solid #858585;
  border-radius: 27px;
  padding: 4px 16px;
  height: 32px;
  font-weight: 400;
  font-size: 14px;
  line-height: 171%;
  color: #fff;
  white-space: nowrap;
  background: none;
  box-shadow: none;
}

@media (min-width: 721px) {
  .Treatments_column__xjVxf {
    width: 200%;
    max-height: 90vh;
    overflow: auto;
  }
  .Treatments_column__xjVxf > .Treatments_procedure__TF0pJ {
    width: calc(50% - 20px);
    display: inline-block;
  }
  .Treatments_column__xjVxf > .Treatments_procedure__TF0pJ:nth-child(2n+2) {
    margin-right: 40px;
  }
}

.Treatments_close__EP2Yf {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 50%;
  z-index: 99;
  border: none;
  box-shadow: none;
  background: none;
  cursor: pointer;
}
@media (min-width: 721px) {
  .Treatments_close__EP2Yf {
    display: none;
  }
}

.Treatments_loading__MtZx2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 200;
  animation: Treatments_gradientShift__y2Z6u 4s infinite linear;
}

@keyframes Treatments_gradientShift__y2Z6u {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.Treatments_last__kYmZp {
  margin-top: auto;
  padding-right: 80px;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  padding-top: 15px;
  margin-top: auto;
  width: 100%;
  color: rgba(255, 255, 255, 0.6);
}
@media (min-width: 721px) {
  .Treatments_last__kYmZp {
    display: none;
  }
}
.Treatments_last__kYmZp:hover {
  background: none;
}
.Treatments_last__kYmZp span {
  display: block;
}
.Treatments_last__kYmZp span.Treatments_nameCompany__vnRDY {
  display: none;
}
@media (min-width: 400px) {
  .Treatments_last__kYmZp span.Treatments_nameCompany__vnRDY {
    display: block;
  }
}
.Treatments_last__kYmZp a {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
}
.Treatments_last__kYmZp svg {
  stroke: rgba(255, 255, 255, 0.6);
}

.Treatments_menuPhone__QTJtI {
  margin: auto;
}

.Treatments_menuAddress__euXI1 {
  position: relative;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[9].use[5]!./src/styles/Footer.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Footer_footer__NzM_y {
  padding: 32px 0;
  overflow: hidden;
  background: url("/images/footer.png") bottom right no-repeat;
  color: #757575;
}
.Footer_footer__NzM_y a {
  color: inherit;
}
@media (min-width: 721px) {
  .Footer_footer__NzM_y {
    padding: 72px 0;
    background: none;
  }
}

@media (min-width: 721px) {
  .Footer_instagram__nBTQL,
  .Footer_facebook__xjlSx {
    width: 24px;
    height: 24px;
  }
}

.Footer_box__cnRp9 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media (min-width: 721px) {
  .Footer_box__cnRp9 {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
  }
}
@media (max-width: 1243px) {
  .Footer_box__cnRp9 {
    flex-wrap: wrap;
  }
}

.Footer_logo__zNQjw {
  margin-bottom: 21px;
  opacity: 0.3;
}
@media (min-width: 721px) {
  .Footer_logo__zNQjw {
    margin-bottom: 0;
    opacity: 1;
    order: -2;
  }
}

.Footer_info__jO1dL {
  font-weight: 400;
  font-size: 16px;
  line-height: 157%;
  color: #757575;
  margin-bottom: 27px;
}
@media (min-width: 721px) {
  .Footer_info__jO1dL {
    margin-bottom: 0;
    line-height: 171%;
    text-align: left;
    font-size: 14px;
  }
}
.Footer_info__jO1dL a {
  text-decoration: none;
  color: inherit;
}

.Footer_contacts__i_hin a {
  position: relative;
}
.Footer_contacts__i_hin a::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(37deg, #e31d93 0%, #54c8e8 25%, #0055b8 50%, rgba(130, 215, 238, 0.73) 75%, #dd85ba 100%);
  opacity: 0;
  transition: 0.3s;
}
.Footer_contacts__i_hin a:hover::after {
  opacity: 1;
}
.Footer_contacts__i_hin a:active {
  background: linear-gradient(37deg, #e31d93 0%, #54c8e8 25%, #0055b8 50%, rgba(130, 215, 238, 0.73) 75%, #dd85ba 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.Footer_socials__2aOy6 {
  margin-top: 6px;
}

.Footer_menu__1d4Oj {
  font-weight: 400;
  font-size: 16px;
  line-height: 171%;
  color: #757575;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 1;
  flex-wrap: wrap;
  gap: 2px 20px;
  max-width: 230px;
}
@media (min-width: 721px) {
  .Footer_menu__1d4Oj {
    margin-bottom: 0;
    text-align: left;
    gap: 2px 10%;
    max-width: 292px;
    justify-content: space-between;
    font-size: 14px;
  }
}
@media (min-width: 1244px) {
  .Footer_menu__1d4Oj {
    order: -1;
  }
}
.Footer_menu__1d4Oj li {
  width: calc(50% - 10px);
}
@media (min-width: 721px) {
  .Footer_menu__1d4Oj li {
    max-width: 90px;
  }
}
.Footer_menu__1d4Oj a {
  text-decoration: none;
  color: inherit;
  position: relative;
  cursor: pointer;
}
.Footer_menu__1d4Oj a::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(37deg, #e31d93 0%, #54c8e8 25%, #0055b8 50%, rgba(130, 215, 238, 0.73) 75%, #dd85ba 100%);
  opacity: 0;
  transition: 0.3s;
}
.Footer_menu__1d4Oj a:hover::after {
  opacity: 1;
}
.Footer_menu__1d4Oj a:active {
  background: linear-gradient(37deg, #e31d93 0%, #54c8e8 25%, #0055b8 50%, rgba(130, 215, 238, 0.73) 75%, #dd85ba 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.Footer_socials__2aOy6 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
@media (min-width: 721px) {
  .Footer_socials__2aOy6 {
    gap: 16px;
  }
}

.Footer_instagram__nBTQL {
  width: 32px;
  height: 32px;
  display: block;
  background: url("/images/instagram.svg") center no-repeat;
  background-size: contain;
}
@media (min-width: 721px) {
  .Footer_instagram__nBTQL {
    width: 40px;
    height: 40px;
  }
}

.Footer_facebook__xjlSx {
  width: 32px;
  height: 32px;
  display: block;
  background: url("/images/facebook.svg") center no-repeat;
  background-size: contain;
}
@media (min-width: 721px) {
  .Footer_facebook__xjlSx {
    width: 40px;
    height: 40px;
  }
}

.Footer_footerMenu__zbHM2.Footer_open__7jV2z {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: red;
  z-index: 30;
}
@media (min-width: 721px) {
  .Footer_footerMenu__zbHM2.Footer_open__7jV2z {
    position: relative;
    height: auto;
  }
}
.Footer_footerMenu__zbHM2.Footer_open__7jV2z > div {
  position: relative;
  top: 0;
}
@media (min-width: 721px) {
  .Footer_footerMenu__zbHM2.Footer_open__7jV2z > div {
    top: auto;
    bottom: 0;
    position: absolute;
  }
}
.Footer_footerMenu__zbHM2.Footer_open__7jV2z > div > div > ul {
  height: 100vh;
  position: relative;
}
@media (min-width: 721px) {
  .Footer_footerMenu__zbHM2.Footer_open__7jV2z > div > div > ul {
    max-height: calc(100vh - 120px);
    height: auto;
  }
}

.Footer_footerMenu__zbHM2 {
  position: relative;
}
.Footer_footerMenu__zbHM2 > div {
  bottom: auto;
  top: 0;
  z-index: 40;
}
@media (min-width: 721px) {
  .Footer_footerMenu__zbHM2 > div {
    bottom: 100%;
    top: auto;
  }
}
.Footer_footerMenu__zbHM2 > div > button {
  top: 24px;
}
.Footer_footerMenu__zbHM2 > div > button::before, .Footer_footerMenu__zbHM2 > div > button::after {
  content: "";
  width: 30px;
  height: 1px;
  background: #ffffff;
  display: block;
}
.Footer_footerMenu__zbHM2 > div > button::before {
  transform: rotate(45deg);
}
.Footer_footerMenu__zbHM2 > div > button::after {
  transform: rotate(-45deg);
}
.Footer_footerMenu__zbHM2 > div > div > ul {
  padding-top: 22px;
}

.Footer_close__BDOdJ {
  box-shadow: none;
  border: none;
  background: none;
}
.Footer_close__BDOdJ::before {
  transform: rotate(45deg);
  top: 0;
  left: 0;
}
.Footer_close__BDOdJ::after {
  transform: rotate(-45deg);
  top: 0;
  left: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[13].use[5]!./src/styles/Button.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:export {
  --color-darkblue: $darkblue;
  --color-blue: $blue;
  --color-black: $black;
  --color-red: red;
  --color-lightgray: $lightgray;
  --color-white: $white;
  --color-darkgray: $darkgray;
  --color-gray: $gray;
  --color-gray2: $gray2;
  --color-lightblue: $lightblue;
  --font-family: $cr;
  --font-size: 14px;
  --line-height: 1.3;
}

.btn {
  background: none;
  box-shadow: none;
  border: none;
  width: 221px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("/images/btn.svg") center no-repeat;
  background-size: contain;
  font-size: 16px;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 0.04em;
  transition: 0.5s;
  overflow: hidden;
  position: relative;
  border-radius: 48px;
  text-decoration: none;
  cursor: pointer;
}
.btn span {
  transition: 0.5s;
}
.btn:hover {
  background: #ffffff;
}
.btn:hover span {
  background: linear-gradient(37deg, #e31d93 0%, #54c8e8 25%, #0055b8 50%, rgba(130, 215, 238, 0.73) 75%, #dd85ba 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.btn:active {
  background: none;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.btn:active span {
  background: none;
  color: #ffffff;
  background-clip: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}

.btnMenu,
.btnMobileMenu {
  background: none;
  box-shadow: none;
  border: none;
  padding: 0;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}
.btnMenu::after,
.btnMobileMenu::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
}

.btnMiddle {
  display: flex;
  box-shadow: none;
  border: none;
  width: 221px;
  height: 48px;
  justify-content: center;
  align-items: center;
  background: url("/images/btn.svg") center no-repeat;
  background-size: contain;
  font-size: 16px;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 0.04em;
  margin-left: auto;
  margin-right: auto;
  border-radius: 48px;
  text-decoration: none;
  cursor: pointer;
  position: relative;
}
.btnMiddle span {
  transition: 0.5s;
}
.btnMiddle:hover {
  background: #ffffff;
}
.btnMiddle:hover span {
  background: linear-gradient(37deg, #e31d93 0%, #54c8e8 25%, #0055b8 50%, rgba(130, 215, 238, 0.73) 75%, #dd85ba 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.btnMiddle:active {
  background: none;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.btnMiddle:active span {
  background: none;
  color: #ffffff;
  background-clip: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}
@media (min-width: 721px) {
  .btnMiddle {
    display: none;
  }
}

.btnSubmenu {
  display: flex;
  background: none;
  box-shadow: none;
  border: none;
  width: 100%;
  max-width: 332px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 18px;
  line-height: 156%;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  background: #000000;
  border-radius: 48px;
  border-radius: 0;
  padding: 0;
  width: 283px;
  height: 60px;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  gap: 19px;
  letter-spacing: 0.04em;
  margin: 0 auto;
  background: url("/images/submenu.svg") top center no-repeat;
  background-size: contain;
}
@media (min-width: 721px) {
  .btnSubmenu {
    font-weight: 400;
    font-size: 18px;
    line-height: 156%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-align: center;
  }
}
.btnSubmenu::after {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background: url("/images/select.svg") center no-repeat;
  position: relative;
  transform: rotate(180deg);
}

.btnSubmenuInline {
  display: none;
  background: none;
  box-shadow: none;
  border: none;
  width: 100%;
  max-width: 332px;
  height: 60px;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 18px;
  line-height: 156%;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  background: #000000;
  border-radius: 48px;
  border-radius: 0;
  padding: 0;
  width: 283px;
  height: 60px;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  gap: 19px;
  letter-spacing: 0.04em;
  margin: 0 auto;
  background: url("/images/submenu.svg") top center no-repeat;
  background-size: contain;
}
@media (min-width: 721px) {
  .btnSubmenuInline {
    font-weight: 400;
    font-size: 18px;
    line-height: 156%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    border-radius: 48px;
    width: 254px;
    height: 64px;
    background: #000000;
  }
}
.btnSubmenuInline::after {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background: url("/images/select.svg") center no-repeat;
  position: relative;
  transform: rotate(180deg);
}

.btnBlack {
  width: 100%;
  max-width: 332px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 18px;
  line-height: 156%;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  background: #000000;
  border-radius: 48px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[3]!./node_modules/instantsearch.css/themes/satellite.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
.ais-Breadcrumb-list,
.ais-CurrentRefinements-list,
.ais-HierarchicalMenu-list,
.ais-Hits-list,
.ais-Results-list,
.ais-InfiniteHits-list,
.ais-InfiniteResults-list,
.ais-Menu-list,
.ais-NumericMenu-list,
.ais-Pagination-list,
.ais-RatingMenu-list,
.ais-RefinementList-list,
.ais-ToggleRefinement-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ais-ClearRefinements-button,
.ais-CurrentRefinements-delete,
.ais-CurrentRefinements-reset,
.ais-GeoSearch-redo,
.ais-GeoSearch-reset,
.ais-HierarchicalMenu-showMore,
.ais-InfiniteHits-loadPrevious,
.ais-InfiniteHits-loadMore,
.ais-InfiniteResults-loadMore,
.ais-Menu-showMore,
.ais-RangeInput-submit,
.ais-RefinementList-showMore,
.ais-SearchBox-submit,
.ais-SearchBox-reset,
.ais-VoiceSearch-button {
  padding: 0;
  overflow: visible;
  font: inherit;
  line-height: normal;
  color: inherit;
  background: none;
  border: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ais-ClearRefinements-button::-moz-focus-inner,
.ais-CurrentRefinements-delete::-moz-focus-inner,
.ais-CurrentRefinements-reset::-moz-focus-inner,
.ais-GeoSearch-redo::-moz-focus-inner,
.ais-GeoSearch-reset::-moz-focus-inner,
.ais-HierarchicalMenu-showMore::-moz-focus-inner,
.ais-InfiniteHits-loadPrevious::-moz-focus-inner,
.ais-InfiniteHits-loadMore::-moz-focus-inner,
.ais-InfiniteResults-loadMore::-moz-focus-inner,
.ais-Menu-showMore::-moz-focus-inner,
.ais-RangeInput-submit::-moz-focus-inner,
.ais-RefinementList-showMore::-moz-focus-inner,
.ais-SearchBox-submit::-moz-focus-inner,
.ais-SearchBox-reset::-moz-focus-inner,
.ais-VoiceSearch-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.ais-ClearRefinements-button[disabled],
.ais-CurrentRefinements-delete[disabled],
.ais-CurrentRefinements-reset[disabled],
.ais-GeoSearch-redo[disabled],
.ais-GeoSearch-reset[disabled],
.ais-HierarchicalMenu-showMore[disabled],
.ais-InfiniteHits-loadPrevious[disabled],
.ais-InfiniteHits-loadMore[disabled],
.ais-InfiniteResults-loadMore[disabled],
.ais-Menu-showMore[disabled],
.ais-RangeInput-submit[disabled],
.ais-RefinementList-showMore[disabled],
.ais-SearchBox-submit[disabled],
.ais-SearchBox-reset[disabled],
.ais-VoiceSearch-button[disabled] {
  cursor: default;
}

.ais-InfiniteHits-loadPrevious,
.ais-InfiniteHits-loadMore,
.ais-HierarchicalMenu-showMore,
.ais-Menu-showMore,
.ais-RefinementList-showMore {
  overflow-anchor: none;
}

.ais-Breadcrumb-list,
.ais-Breadcrumb-item,
.ais-Pagination-list,
.ais-RangeInput-form,
.ais-RatingMenu-link,
.ais-PoweredBy {
  display: flex;
  align-items: center;
}

.ais-GeoSearch,
.ais-GeoSearch-map {
  height: 100%;
}

.ais-HierarchicalMenu-list .ais-HierarchicalMenu-list {
  margin-left: 1em;
}

.ais-PoweredBy-logo {
  display: block;
  height: 1.2em;
  width: auto;
}

.ais-PoweredBy-text {
  margin-right: 0.3rem;
}

.ais-RatingMenu-starIcon {
  display: block;
  width: 20px;
  height: 20px;
}

.ais-SearchBox-input::-ms-clear, .ais-SearchBox-input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.ais-SearchBox-input::-webkit-search-decoration, .ais-SearchBox-input::-webkit-search-cancel-button, .ais-SearchBox-input::-webkit-search-results-button, .ais-SearchBox-input::-webkit-search-results-decoration {
  display: none;
}

.ais-RangeSlider .rheostat {
  overflow: visible;
  margin-top: 40px;
  margin-bottom: 40px;
}
.ais-RangeSlider .rheostat-background {
  height: 6px;
  top: 0px;
  width: 100%;
}
.ais-RangeSlider .rheostat-handle {
  margin-left: -12px;
  top: -7px;
}
.ais-RangeSlider .rheostat-background {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #aaa;
}
.ais-RangeSlider .rheostat-progress {
  position: absolute;
  top: 1px;
  height: 4px;
  background-color: #333;
}

.rheostat-handle {
  position: relative;
  z-index: 1;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 50%;
  cursor: -webkit-grab;
  cursor: grab;
}

.rheostat-marker {
  margin-left: -1px;
  position: absolute;
  width: 1px;
  height: 5px;
  background-color: #aaa;
}

.rheostat-marker--large {
  height: 9px;
}

.rheostat-value {
  margin-left: 50%;
  padding-top: 15px;
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
}

.rheostat-tooltip {
  margin-left: 50%;
  position: absolute;
  top: -22px;
  text-align: center;
  transform: translateX(-50%);
}

/**
 * Reset
 */
[class^=ais-] {
  box-sizing: border-box;
}

/**
 * Disabled
 */
[class^=ais-][class$="--disabled"],
[class^=ais-][class$="--disabled"] *,
.ais-VoiceSearch-button:disabled {
  cursor: not-allowed;
}

/**
 * Buttons
 */
.ais-HierarchicalMenu-showMore,
.ais-Menu-showMore,
.ais-RefinementList-showMore,
.ais-ClearRefinements-button,
.ais-InfiniteHits-loadMore,
.ais-RangeInput-submit,
.ais-InfiniteHits-loadPrevious,
.ais-Pagination-link,
.ais-GeoSearch-redo,
.ais-GeoSearch-reset,
.ais-VoiceSearch-button,
.ais-RelevantSort-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff, #fcfcfd);
  border: 1px solid #d6d6e7;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 rgba(35, 38, 59, 0.05);
  color: #23263b;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 400;
  height: 2rem;
  justify-content: center;
  line-height: 1.25rem;
  padding: 0 1rem;
  place-items: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ais-HierarchicalMenu-showMore,
.ais-Menu-showMore,
.ais-RefinementList-showMore,
.ais-GeoSearch-redo,
.ais-GeoSearch-reset {
  height: 1.5rem;
}

.ais-HierarchicalMenu-showMore,
.ais-Menu-showMore,
.ais-RefinementList-showMore {
  margin-top: 1rem;
}

.ais-HierarchicalMenu-showMore:hover,
.ais-Menu-showMore:hover,
.ais-RefinementList-showMore:hover,
.ais-ClearRefinements-button:hover,
.ais-InfiniteHits-loadMore:hover,
.ais-RangeInput-submit:hover,
.ais-InfiniteHits-loadPrevious:hover,
.ais-Pagination-item:not(.ais-Pagination-item--selected):not(.ais-Pagination-item--disabled) .ais-Pagination-link:hover,
.ais-GeoSearch-redo:hover,
.ais-GeoSearch-reset:hover,
.ais-VoiceSearch-button:hover {
  background-image: linear-gradient(-180deg, #fff, #f5f5fa);
  border-color: #d6d6e7;
}

.ais-HierarchicalMenu-showMore:focus,
.ais-Menu-showMore:focus,
.ais-RefinementList-showMore:focus,
.ais-ClearRefinements-button:focus,
.ais-InfiniteHits-loadMore:focus,
.ais-RangeInput-submit:focus,
.ais-InfiniteHits-loadPrevious:focus,
.ais-GeoSearch-redo:focus,
.ais-GeoSearch-reset:focus,
.ais-VoiceSearch-button:focus {
  background-image: linear-gradient(-180deg, #fff, #f5f5fa);
  border-color: #3c4fe0;
  box-shadow: #3c4fe0 0 0 0 1px, rgba(35, 38, 59, 0.05) 0 2px 0 1px;
  outline: currentcolor none medium;
}

.ais-HierarchicalMenu-showMore:active,
.ais-Menu-showMore:active,
.ais-RefinementList-showMore:active,
.ais-ClearRefinements-button:active,
.ais-InfiniteHits-loadMore:active,
.ais-InfiniteHits-loadPrevious:active,
.ais-Pagination-item--selected .ais-Pagination-link,
.ais-Pagination-link:active,
.ais-GeoSearch-redo:active,
.ais-GeoSearch-reset:active,
.ais-VoiceSearch-button:active {
  border-color: #d6d6e7;
  box-shadow: rgba(119, 122, 175, 0.4) 0 1px 4px 0 inset, rgba(119, 122, 175, 0.4) 0 1px 1px 0 inset, rgba(35, 38, 59, 0.05) 0 1px 0 0;
}

.ais-ClearRefinements-button:disabled[disabled],
.ais-InfiniteHits-loadMore:disabled[disabled],
.ais-InfiniteHits-loadPrevious:disabled[disabled],
.ais-Pagination-item--disabled .ais-Pagination-link,
.ais-GeoSearch-redo--disabled,
.ais-GeoSearch-reset--disabled,
.ais-VoiceSearch-button:disabled {
  background-image: linear-gradient(-180deg, #fff, #f5f5fa);
  border-color: #efeff5;
  box-shadow: none;
  color: #b6b7d5;
}

.ais-HierarchicalMenu-showMore--disabled[disabled],
.ais-Menu-showMore--disabled[disabled],
.ais-RefinementList-showMore--disabled[disabled] {
  display: none;
}

/**
 * Labels
 */
.ais-NumericMenu-label,
.ais-ToggleRefinement-label,
.ais-HierarchicalMenu-item,
.ais-Menu-item,
.ais-RatingMenu-item,
.ais-RefinementList-item {
  display: block;
  font-size: 0.875rem;
  line-height: 1.75rem;
}

.ais-HierarchicalMenu-link,
.ais-Menu-link,
.ais-RatingMenu-link,
.ais-RefinementList-label {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
}

.ais-Breadcrumb-link,
.ais-HierarchicalMenu-link,
.ais-Menu-link,
.ais-RatingMenu-link {
  color: inherit;
  text-decoration: none;
}

.ais-Breadcrumb-link:hover {
  text-decoration: underline;
}

.ais-HierarchicalMenu-label,
.ais-Menu-label,
.ais-RefinementList-labelText {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ais-HierarchicalMenu-item--selected > .ais-HierarchicalMenu-link > .ais-HierarchicalMenu-label,
.ais-Menu-item--selected .ais-Menu-label,
.ais-RefinementList-item--selected,
.ais-RatingMenu-item--selected {
  font-weight: 600;
}

/**
 * Count
 */
.ais-ToggleRefinement-count,
.ais-HierarchicalMenu-count,
.ais-Menu-count,
.ais-RatingMenu-count,
.ais-RefinementList-count {
  background: #f5f5fa none repeat scroll 0% 0%;
  border: 1px solid #b6b7d5;
  border-radius: 99999px;
  color: #23263b;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  margin-left: 0.5rem;
  overflow: hidden;
  padding: 0 0.25rem;
}

/**
 * No Results
 */
.ais-Menu-noResults,
.ais-HierarchicalMenu-noResults,
.ais-RefinementList-noResults {
  color: #5a5e9a;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 1rem;
}

/**
 * Selectors
 */
.ais-MenuSelect-select,
.ais-HitsPerPage-select,
.ais-SortBy-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  background-image: url('data:image/svg+xml;utf8,<svg width="14" height="24" xmlns="http://www.w3.org/2000/svg"><g stroke="%23777aaf" stroke-width="2" fill="none" fill-rule="evenodd"><path d="M13 7L7 1 1 7M1 17l6 6 6-6"/></g></svg>'), linear-gradient(-180deg, #fff, #fcfcfd);
  background-position: right 1rem center, 0 0;
  background-repeat: no-repeat;
  background-size: 10px, auto;
  border: 1px solid #d6d6e7;
  border-radius: 3px;
  box-shadow: rgba(35, 38, 59, 0.05) 0 1px 0 0;
  color: #23263b;
  cursor: pointer;
  font: inherit;
  height: 2.5rem;
  outline: currentcolor none medium;
  padding: 0 2.5rem 0 1rem;
  position: relative;
  width: 100%;
}

.ais-HitsPerPage-select:-moz-focusring,
.ais-HitsPerPage-select::-moz-focus-inner,
.ais-SortBy-select:-moz-focusring,
.ais-SortBy-select::-moz-focus-inner {
  color: transparent;
  outline: currentcolor none medium;
}

.ais-HitsPerPage-select > option:not(:checked),
.ais-SortBy-select > option:not(:checked) {
  color: #23263b;
}

.ais-HitsPerPage-select > option:disabled,
.ais-SortBy-select > option:disabled {
  color: #b6b7d5;
}

.ais-HitsPerPage-select:hover,
.ais-SortBy-select:hover {
  background-image: url('data:image/svg+xml;utf8,<svg width="14" height="24" xmlns="http://www.w3.org/2000/svg"><g stroke="%23777aaf" stroke-width="2" fill="none" fill-rule="evenodd"><path d="M13 7L7 1 1 7M1 17l6 6 6-6"/></g></svg>'), linear-gradient(-180deg, #fcfcfd, #f5f5fa);
  border-color: #d6d6e7;
}

.ais-HitsPerPage-select:focus,
.ais-SortBy-select:focus {
  background-image: url('data:image/svg+xml;utf8,<svg width="14" height="24" xmlns="http://www.w3.org/2000/svg"><g stroke="%23777aaf" stroke-width="2" fill="none" fill-rule="evenodd"><path d="M13 7L7 1 1 7M1 17l6 6 6-6"/></g></svg>'), linear-gradient(-180deg, #fff, #f5f5fa);
  border-color: #3c4fe0;
  box-shadow: #3c4fe0 0 0 0 1px, rgba(35, 38, 59, 0.05) 0 2px 0 0;
}

.ais-HitsPerPage-select:disabled,
.ais-SortBy-select:disabled {
  background-image: url('data:image/svg+xml;utf8,<svg width="14" height="24" xmlns="http://www.w3.org/2000/svg"><g stroke="%23b6b7d5" stroke-width="2" fill="none" fill-rule="evenodd"><path d="M13 7L7 1 1 7M1 17l6 6 6-6"/></g></svg>'), linear-gradient(-180deg, #fff, #f5f5fa);
  border-color: #efeff5;
  box-shadow: none;
  color: #b6b7d5;
  cursor: not-allowed;
}

/**
 * Panel
 */
.ais-Panel {
  margin-bottom: 2rem;
}

.ais-Panel-header {
  color: #5a5e9a;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.ais-Panel-footer {
  color: #5a5e9a;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  margin-top: 1rem;
}

.ais-Panel--collapsible {
  position: relative;
}

.ais-Panel--collapsible .ais-Panel-collapseButton {
  background: none;
  border: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.ais-Panel--collapsed .ais-Panel-body,
.ais-Panel--collapsed .ais-Panel-footer {
  display: none;
}

/**
 * SearchBox
 */
.ais-SearchBox-form {
  background-color: #fff;
  display: flex;
  font-size: 0.875rem;
  height: 2.5rem;
  line-height: 1.25rem;
  position: relative;
  width: 100%;
}

.ais-SearchBox-form::before {
  background: rgba(0, 0, 0, 0) url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235a5e9a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2221%22%20y1%3D%2221%22%20x2%3D%2216.65%22%20y2%3D%2216.65%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") repeat scroll 0% 0%;
  content: "";
  height: 1rem;
  left: 1rem;
  margin-top: -0.5rem;
  position: absolute;
  top: 50%;
  width: 1rem;
}

.ais-SearchBox-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border: 1px solid #d6d6e7;
  border-radius: 3px;
  box-shadow: rgba(119, 122, 175, 0.3) 0 1px 4px 0 inset;
  caret-color: #5a5e9a;
  color: #23263b;
  flex: 1 1;
  font: inherit;
  max-width: 100%;
  padding-left: 2.5rem;
}

.ais-SearchBox-input::placeholder {
  color: #5a5e9a;
}

.ais-SearchBox-input:focus {
  border-color: #3c4fe0;
  box-shadow: rgba(35, 38, 59, 0.05) 0 1px 0 0;
  outline: currentcolor none medium;
}

.ais-SearchBox-input:disabled {
  background: rgba(0, 0, 0, 0) linear-gradient(-180deg, #fff, #f5f5fa) repeat scroll 0% 0%;
  border-color: #efeff5;
  box-shadow: none;
  cursor: not-allowed;
}

.ais-SearchBox-input:disabled::placeholder {
  color: #b6b7d5;
  pointer-events: none;
}

.ais-SearchBox-input::-webkit-search-cancel-button,
.ais-SearchBox-input::-webkit-search-decoration,
.ais-SearchBox-input::-webkit-search-results-button,
.ais-SearchBox-input::-webkit-search-results-decoration {
  -webkit-appearance: none;
          appearance: none;
}

.ais-SearchBox-loadingIndicator,
.ais-SearchBox-reset {
  align-items: center;
  border-radius: 50%;
  display: flex;
  fill: #484c7a;
  height: 20px;
  justify-content: center;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}

.ais-SearchBox-reset:focus {
  background: #b6b7d5;
  fill: #fff;
  outline: 0;
}

.ais-RefinementList-searchBox .ais-SearchBox-loadingIndicator,
.ais-RefinementList-searchBox .ais-SearchBox-reset {
  right: 0.5rem;
}

.ais-SearchBox-loadingIndicator[hidden],
.ais-SearchBox-reset[hidden] {
  display: none;
}

.ais-SearchBox-submit {
  display: none;
}

.ais-Menu-searchBox,
.ais-RefinementList-searchBox {
  margin-bottom: 0.5rem;
}

.ais-Menu-searchBox .ais-SearchBox-form,
.ais-RefinementList-searchBox .ais-SearchBox-form {
  height: 2rem;
}

.ais-Menu-searchBox .ais-SearchBox-form::before,
.ais-RefinementList-searchBox .ais-SearchBox-form::before {
  left: 0.5rem;
}

.ais-Menu-searchBox .ais-SearchBox-input,
.ais-RefinementList-searchBox .ais-SearchBox-input {
  padding-left: 2rem;
}

/**
 * VoiceSearch
 */
.ais-VoiceSearch-button {
  color: #5a5e9a;
  height: 48px;
  width: 48px;
}

.ais-VoiceSearch-button svg {
  color: currentcolor;
}

/**
 * Highlighting and Snippeting
 */
.ais-Highlight-highlighted,
.ais-Snippet-highlighted {
  background-color: rgba(84, 104, 255, 0.1);
  color: #5468ff;
  font-style: normal;
}

/**
 * ReverseHighlighting and ReverseSnippeting
 */
.ais-ReverseHighlight-highlighted,
.ais-ReverseSnippet-highlighted {
  font-weight: bold;
  font-style: normal;
  background: none;
}

/**
 * Hits
 */
.ais-Hits-item,
.ais-InfiniteHits-item {
  align-items: center;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.05), 0 1px 3px 0 rgba(35, 38, 59, 0.15);
  display: flex;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  padding: 1.5rem;
}

.ais-Hits-item:first-of-type,
.ais-InfiniteHits-item:first-of-type {
  border-radius: 3px 3px 0 0;
}

.ais-Hits-item:last-of-type,
.ais-InfiniteHits-item:last-of-type {
  border-radius: 0 0 3px 3px;
}

.ais-Hits-item:only-of-type,
.ais-InfiniteHits-item:only-of-type {
  border-radius: 3px;
}

.ais-InfiniteHits-loadMore,
.ais-InfiniteHits-loadPrevious {
  display: flex;
  margin: 1rem auto;
}

/**
 * GeoSearch
 */
.ais-GeoSearch {
  position: relative;
}

.ais-GeoSearch-control {
  left: 3.75rem;
  position: absolute;
  top: 1rem;
}

.ais-GeoSearch-label {
  align-items: center;
  background-color: #f5f5fa;
  border: 1px solid #b6b7d5;
  border-radius: 3px;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.875rem;
  line-height: 1.5;
  min-height: 1.5rem;
  padding: 0.25rem 0.5rem;
}

.ais-GeoSearch-label,
.ais-GeoSearch-redo,
.ais-GeoSearch-reset {
  white-space: nowrap;
}

.ais-GeoSearch-reset {
  bottom: 1.25rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}

/**
 * RefinementList
 */
.ais-RefinementList-checkbox,
.ais-GeoSearch-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  background-position: 50%;
  background-size: 180%;
  border: 1px solid currentcolor;
  border-radius: 3px;
  box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, 0.4);
  color: #d6d6e7;
  cursor: inherit;
  height: 1rem;
  margin: 0 0.5rem 0 0;
  min-width: 1rem;
}

.ais-RefinementList-item--selected .ais-RefinementList-checkbox,
.ais-GeoSearch-input:checked {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235468ff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%2220%206%209%2017%204%2012%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
  background-size: 14px;
  border-color: currentcolor;
  box-shadow: rgba(35, 38, 59, 0.05) 0 1px 0 0 inset;
  color: #3c4fe0;
}

.ais-RefinementList-checkbox:focus,
.ais-GeoSearch-input:focus {
  outline: currentcolor none medium;
}

.ais-RefinementList-item--selected .ais-RefinementList-checkbox:focus,
.ais-GeoSearch-input:checked:focus {
  box-shadow: rgba(35, 38, 59, 0.05) 0 1px 0 0 inset, currentcolor 0 0 0 1px;
}

/**
 * NumericMenu
 */
.ais-NumericMenu-label {
  align-items: center;
  cursor: pointer;
  display: flex;
}

.ais-NumericMenu-radio {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff;
  border: 1px solid #d6d6e7;
  border-radius: 50%;
  box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, 0.3);
  height: 16px;
  margin: 0 0.5rem 0 0;
  outline: 0;
  position: relative;
  width: 16px;
}

.ais-NumericMenu-radio:checked,
.ais-NumericMenu-radio:focus {
  border-color: #3c4fe0;
  box-shadow: 0 1px 0 0 rgba(35, 38, 59, 0.05);
}

.ais-NumericMenu-radio:focus {
  box-shadow: 0 0 0 1px #3c4fe0, 0 1px 0 0 rgba(35, 38, 59, 0.05);
}

.ais-NumericMenu-radio:checked:after {
  background: #3c4fe0;
  border-radius: 50%;
  bottom: 4px;
  content: "";
  left: 4px;
  position: absolute;
  right: 4px;
  top: 4px;
}

/**
 * HierarchicalMenu
 */
.ais-HierarchicalMenu-list .ais-HierarchicalMenu-list {
  margin-left: 1.5rem;
}

.ais-HierarchicalMenu-link::before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23b6b7d5%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%2218%2015%2012%209%206%2015%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 1rem;
  margin-right: 0.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 1rem;
}

.ais-HierarchicalMenu-item--selected > .ais-HierarchicalMenu-link::before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235468ff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
}

/**
 * RatingMenu
 */
.ais-RatingMenu-starIcon {
  margin-right: 0.25rem;
}

.ais-RatingMenu-starIcon {
  fill: #5a5e9a;
  position: relative;
  width: 16px;
}

.ais-RatingMenu-item--disabled .ais-RatingMenu-starIcon {
  fill: #b6b7d5;
}

.ais-RatingMenu-item--disabled .ais-RatingMenu-count,
.ais-RatingMenu-item--disabled .ais-RatingMenu-label {
  color: #b6b7d5;
}

/**
 * ClearRefinements
 */
.ais-ClearRefinements-button {
  width: 100%;
}

/**
 * CurrentRefinements
 */
.ais-CurrentRefinements-list {
  display: inline-grid;
  gap: 1rem;
  grid-auto-flow: column;
}

.ais-CurrentRefinements-item {
  align-items: center;
  background-color: #f5f5fa;
  border: 1px solid #b6b7d5;
  border-radius: 3px;
  display: flex;
  display: inline-flex;
  font-size: 0.875rem;
  line-height: 1.5;
  min-height: 1.5rem;
  padding: 0.05rem 0.5rem;
}

.ais-CurrentRefinements-category {
  display: flex;
  margin-left: 0.5rem;
}

.ais-CurrentRefinements-delete {
  color: #9698c3;
  height: 100%;
  margin-left: 0.25rem;
  outline-width: 0;
}

/**
 * ToggleRefinement
 */
.ais-ToggleRefinement-label {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.ais-ToggleRefinement-checkbox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: rgba(65, 66, 71, 0.08);
  background: #f5f5fa;
  border-radius: 9999px;
  box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, 0.4);
  height: 18px;
  pointer-events: none;
  position: relative;
  width: 32px;
}

.ais-ToggleRefinement-checkbox:checked {
  background: #3c4fe0;
  box-shadow: inset 0 1px 4px 0 rgba(35, 38, 59, 0.1);
}

.ais-ToggleRefinement-checkbox:focus {
  outline: 0;
}

.ais-ToggleRefinement-checkbox::after {
  background: linear-gradient(-180deg, #fff, #f5f5fa);
  border-radius: 9999px;
  box-shadow: 1px 1px 1px 0 rgba(35, 38, 59, 0.05);
  content: "";
  height: 16px;
  left: 1px;
  position: absolute;
  top: 1px;
  transition: all 100ms ease-in-out;
  width: 16px;
}

.ais-ToggleRefinement-checkbox:checked::after {
  transform: translateX(14px);
}

/**
 * RangeInput
 */
.ais-RangeInput-input {
  align-items: center;
  background-color: #fff;
  border: 1px solid #d6d6e7;
  border-radius: 3px;
  box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, 0.3);
  caret-color: #5a5e9a;
  color: #23263b;
  cursor: text;
  display: flex;
  flex: 1 1;
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.25rem;
  min-width: 0;
  overflow: hidden;
  padding: 0 1rem;
  position: relative;
}

.ais-RangeInput-input:focus {
  border-color: #3c4fe0;
  box-shadow: 0 1px 0 0 rgba(35, 38, 59, 0.05);
  outline: 0;
}

.ais-RangeInput-separator {
  margin: 0 0.5rem;
}

.ais-RangeInput-submit {
  margin-left: 0.5rem;
}

/**
 * RangeSlider
 */
.ais-RangeSlider .rheostat {
  margin: 40px 6px;
}

.ais-RangeSlider .rheostat-horizontal {
  cursor: pointer;
  width: calc(100% - 15px);
}

.ais-RangeSlider .rheostat-background {
  background-color: transparent;
  border: none;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 0.5px 0 0 rgba(255, 255, 255, 0.05);
  height: 4px;
}

.ais-RangeSlider .rheostat-progress {
  background-color: #3c4fe0;
  border-radius: 3px;
  height: 4px;
  max-width: 100%;
  top: 0;
}

.ais-RangeSlider .rheostat-tooltip {
  font-weight: bold;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ais-RangeSlider .rheostat-handle {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff, #fcfcfd);
  border: 1px solid #d6d6e7;
  border-radius: 2px;
  box-shadow: 0 1px 0 0 rgba(35, 38, 59, 0.05);
  height: 24px;
  margin-left: -6px;
  top: -11px;
  width: 12px;
}

.ais-RangeSlider .rheostat-handle::before,
.ais-RangeSlider .rheostat-handle::after {
  background-color: #d6d6e7;
  content: "";
  height: 12px;
  position: absolute;
  top: 6px;
  width: 1px;
}

.ais-RangeSlider .rheostat-handle::before {
  left: 4px;
}

.ais-RangeSlider .rheostat-handle::after {
  right: 4px;
}

.ais-RangeSlider .rheostat-marker {
  background-color: #d6d6e7;
}

/**
 * Pagination
 */
.ais-Pagination-item:first-child > .ais-Pagination-link {
  border-radius: 3px 0 0 3px;
}

.ais-Pagination-item + .ais-Pagination-item > .ais-Pagination-link {
  border-radius: 0;
  margin-left: -1px;
}

.ais-Pagination-item:last-child > .ais-Pagination-link {
  border-radius: 0 3px 3px 0;
}

.ais-Pagination-item {
  display: inline-block;
}

.ais-Pagination-item--selected .ais-Pagination-link {
  font-weight: bold;
}

/**
 * Breadrumb
 */
.ais-Breadcrumb-link,
.ais-Breadcrumb-separator {
  color: #5a5e9a;
}

.ais-Breadcrumb-separator {
  display: flex;
  margin: 0 0.5rem;
}

.ais-Breadcrumb-item--selected {
  font-weight: 600;
}

.ais-Breadcrumb-item--selected .ais-Breadcrumb-separator {
  font-weight: normal;
}

@media (max-width: 767px) {
  .ais-SearchBox-input,
  .ais-RangeInput-input {
    font-size: 1rem;
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[13].use[5]!./src/styles/search.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:export {
  --color-darkblue: $darkblue;
  --color-blue: $blue;
  --color-black: $black;
  --color-red: red;
  --color-lightgray: $lightgray;
  --color-white: $white;
  --color-darkgray: $darkgray;
  --color-gray: $gray;
  --color-gray2: $gray2;
  --color-lightblue: $lightblue;
  --font-family: $cr;
  --font-size: 14px;
  --line-height: 1.3;
}

@media (max-width: 720px) {
  .ais-InstantSearch {
    order: 2;
  }
}

.ais-SearchBox-form {
  background: none;
  height: 62px;
}
.ais-SearchBox-form::before {
  content: "";
  width: 42px;
  height: 42px;
  display: block;
  background: url("/images/search.svg") center no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  pointer-events: none;
}
@media (max-width: 721px) {
  .ais-SearchBox-form::before {
    width: 24px;
    height: 24px;
  }
}
.ais-SearchBox-form path {
  fill: white;
}
@media (min-width: 721px) {
  .ais-SearchBox-form {
    height: 78px;
  }
}

button.ais-InfiniteHits-loadMore--disabled {
  display: none;
}

.ais-SearchBox-input {
  background: none;
  border: none;
  box-shadow: none;
  outline: none;
  color: #fff;
  padding-left: 40px;
  font-size: 18px;
  line-height: 100%;
  caret-color: rgba(255, 255, 255, 0.6);
  border-radius: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  transition: 0.5s;
  height: 62px;
  overflow: hidden;
  width: 42px;
}
.ais-SearchBox-input::placeholder {
  color: rgba(255, 255, 255, 0);
}
@media (min-width: 721px) {
  .ais-SearchBox-input {
    height: 78px;
    padding-left: 65px;
    width: auto;
  }
  .ais-SearchBox-input::placeholder {
    color: rgba(255, 255, 255, 0.6);
  }
}
.ais-SearchBox-input:focus {
  box-shadow: none;
  border-bottom: 1px solid #fff;
}
.ais-SearchBox-input.active {
  width: 700px;
}

.ais-InfiniteHits {
  position: absolute;
  left: 0;
  width: 100%;
  top: 170px;
  background: #fff;
  height: calc(100vh - 170px);
  display: none;
  z-index: 40;
}
.activeSearch .ais-InfiniteHits {
  display: block;
}

.ais-InfiniteHits-item {
  max-width: 1400px;
  margin: 0 auto;
  box-shadow: none;
  padding: 0;
}
.ais-InfiniteHits-item:first-child {
  padding-top: 30px;
}
.ais-InfiniteHits-item:last-child {
  padding-bottom: 100px;
}

.ais-InfiniteHits-list {
  max-height: 100%;
  overflow: auto;
}

.hit-item {
  max-width: 480px;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}

.hit-name {
  font-size: 24px;
  line-height: 133%;
  position: relative;
  text-decoration: none;
  color: #000000;
}
.hit-name > span {
  background: linear-gradient(37deg, #e31d93 0%, #54c8e8 25%, #0055b8 50%, rgba(130, 215, 238, 0.73) 75%, #dd85ba 100%);
  background-size: 100% 1px;
  background-position: 0 100%;
  background-repeat: no-repeat;
}
.hit-name:hover > span {
  background-size: 0% 1px;
}
.hit-name:active > span {
  background: linear-gradient(37deg, #e31d93 0%, #54c8e8 25%, #0055b8 50%, rgba(130, 215, 238, 0.73) 75%, #dd85ba 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hit-description {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: rgba(0, 0, 0, 0.56);
  padding-top: 8px;
}

.ais-InfiniteHits-loadMore {
  box-shadow: none;
  border: none;
  width: 221px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
  background-size: contain;
  font-size: 16px;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 0.04em;
  transition: 0.3s;
  overflow: hidden;
  position: relative;
  border-radius: 48px;
  cursor: pointer;
  transition: 0.5s;
  margin: 0 calc((100vw - 1400px) / 2);
}
.ais-InfiniteHits-loadMore:hover {
  background: linear-gradient(45deg, #416ba9 0%, #e31d93 20.85%, #54c8e8 80.7%, #dd85ba 100%);
}

.btnSearch {
  position: relative;
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
  width: 24px;
  height: 24px;
  float: right;
  z-index: 11;
  cursor: pointer;
}
@media (min-width: 721px) {
  .btnSearch {
    width: 42px;
    height: 42px;
  }
}
.btnSearch::before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  background: url("/images/search.svg") center no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  pointer-events: none;
  position: absolute;
}
@media (min-width: 721px) {
  .btnSearch::before {
    width: 42px;
    height: 42px;
  }
}
@media (min-width: 721px) {
  .btnSearch::after {
    content: "Search...";
    position: relative;
    padding-left: 59px;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: #fff;
    opacity: 0.6;
  }
}

.activeSearch .link,
.activeSearch .menu,
.activeSearch .logo {
  opacity: 0;
  order: 2;
  width: 1px;
  margin: 0;
  height: 62px;
  pointer-events: none;
  height: 1px;
  overflow: hidden;
}
@media (min-width: 721px) {
  .activeSearch .link,
  .activeSearch .menu,
  .activeSearch .logo {
    height: 104px;
  }
}
.activeSearch .searchBox {
  width: 100%;
  margin-right: 60px;
  z-index: 40;
}
@media (max-width: 721px) {
  .activeSearch .searchBox {
    margin-right: 0;
  }
}
.activeSearch .btnSearch {
  z-index: 22;
  top: 19px;
  margin: 0 0 -50px 0;
}
.activeSearch .btnSearch::before {
  background: #fff;
  width: 20px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  transform: rotate(45deg);
}
@media (min-width: 721px) {
  .activeSearch .btnSearch::before {
    width: 30px;
  }
}
.activeSearch .btnSearch::after {
  content: "";
  background: #fff;
  width: 20px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  padding: 0;
  transform: rotate(-45deg);
}
@media (min-width: 721px) {
  .activeSearch .btnSearch::after {
    width: 30px;
  }
}
.activeSearch .ais-SearchBox-input {
  border-bottom: 1px solid #fff;
  padding-left: 65px;
}
@media (max-width: 721px) {
  .activeSearch .ais-SearchBox-input {
    padding-left: 40px;
    padding-right: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
}

.ais-SearchBox-reset {
  display: none;
}
@media (max-width: 721px) {
  .ais-SearchBox-reset {
    top: 54%;
    right: 0;
  }
}

.search-box {
  width: 100%;
  position: relative;
}

.search-close {
  position: absolute;
  top: 18px;
  bottom: auto;
  right: 0;
  left: auto;
  z-index: 10;
  background: none;
  box-shadow: none;
  border: none;
  display: none;
  width: 30px;
  height: 30px;
  padding: 0;
  cursor: pointer;
}
@media (min-width: 721px) {
  .search-close {
    top: 25px;
  }
}
.activeSearch .search-close {
  display: block;
}
.search-close::before {
  content: "";
  width: 26px;
  height: 1px;
  display: block;
  background: #ffffff;
  transform: rotate(45deg);
}
.search-close::after {
  content: "";
  width: 26px;
  height: 1px;
  display: block;
  background: #ffffff;
  transform: rotate(-45deg);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[9].use[5]!./src/styles/Header.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Header_header__3r5eO {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 54px 0;
  z-index: 40;
  transition: all 0.3s ease;
}
@media (min-width: 721px) {
  .Header_header__3r5eO {
    padding: 40px 0;
  }
}
.Header_header__3r5eO::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(27deg, #416ba9 0%, #e31d93 30.85%, #54c8e8 70.7%, #dd85ba 100%);
  opacity: 0;
  transition: all 0.3s ease;
  pointer-events: none;
}

.Header_box__URuQs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.Header_btns__AI1BJ,
.Header_mobileBtns__3Wmx7 {
  position: relative;
  width: 42px;
  z-index: 11;
}
@media (min-width: 721px) and (max-width: 1000px) {
  .Header_btns__AI1BJ,
  .Header_mobileBtns__3Wmx7 {
    margin-right: 50px;
    width: auto;
  }
}
@media (min-width: 1000px) and (max-width: 1244px) {
  .Header_btns__AI1BJ,
  .Header_mobileBtns__3Wmx7 {
    margin-right: 30px;
  }
}
@media (min-width: 1244px) {
  .Header_btns__AI1BJ,
  .Header_mobileBtns__3Wmx7 {
    margin: 0 80px 0 60px;
    width: auto;
  }
}
.Header_btns__AI1BJ span,
.Header_mobileBtns__3Wmx7 span {
  width: 12px;
  height: 2px;
  background: #ffffff;
  display: block;
  position: relative;
}
@media (min-width: 721px) {
  .Header_btns__AI1BJ span,
  .Header_mobileBtns__3Wmx7 span {
    width: 20px;
    top: 0;
  }
}
.Header_btns__AI1BJ span::before, .Header_btns__AI1BJ span::after,
.Header_mobileBtns__3Wmx7 span::before,
.Header_mobileBtns__3Wmx7 span::after {
  content: "";
  width: 12px;
  height: 2px;
  background: #ffffff;
  display: block;
  position: absolute;
  left: 0;
}
@media (min-width: 721px) {
  .Header_btns__AI1BJ span::before, .Header_btns__AI1BJ span::after,
  .Header_mobileBtns__3Wmx7 span::before,
  .Header_mobileBtns__3Wmx7 span::after {
    width: 20px;
  }
}
.Header_btns__AI1BJ span::before,
.Header_mobileBtns__3Wmx7 span::before {
  top: -6px;
}
@media (min-width: 721px) {
  .Header_btns__AI1BJ span::before,
  .Header_mobileBtns__3Wmx7 span::before {
    top: -10px;
  }
}
.Header_btns__AI1BJ span::after,
.Header_mobileBtns__3Wmx7 span::after {
  bottom: -6px;
}
@media (min-width: 721px) {
  .Header_btns__AI1BJ span::after,
  .Header_mobileBtns__3Wmx7 span::after {
    bottom: -10px;
  }
}
.Header_btns__AI1BJ::before,
.Header_mobileBtns__3Wmx7::before {
  content: "";
  width: 67px;
  height: 80px;
  position: absolute;
  top: -18px;
  left: -13px;
  margin: auto;
  background: url("/images/menu.svg") center no-repeat;
  background-size: contain;
}
@media (min-width: 721px) {
  .Header_btns__AI1BJ::before,
  .Header_mobileBtns__3Wmx7::before {
    top: -55px;
    left: -31px;
    width: 100px;
    height: 150px;
  }
}

.Header_logo__6i5Z8 {
  max-width: 47%;
  z-index: 11;
}
@media (min-width: 721px) {
  .Header_logo__6i5Z8 {
    margin: 0 auto;
  }
}
@media (max-width: 720px) {
  .Header_logo__6i5Z8 {
    max-width: 140px;
  }
}
@media (min-width: 1244px) {
  .Header_logo__6i5Z8 {
    margin: 0 auto;
  }
}
.Header_logo__6i5Z8 img {
  max-width: 100%;
}

.Header_contacts__m8GGi {
  font-weight: 400;
  font-size: 16px;
  line-height: 112%;
  color: #fff;
  display: none;
}
@media (min-width: 721px) {
  .Header_contacts__m8GGi {
    display: block;
  }
}
@media (min-width: 1244px) {
  .Header_contacts__m8GGi {
    margin: 0 60px 0 0;
  }
}
@media (min-width: 721px) and (max-width: 1000px) {
  .Header_contacts__m8GGi {
    display: none;
  }
}
.Header_contacts__m8GGi a {
  color: inherit;
  text-decoration: none;
}
.Header_contacts__m8GGi::before {
  content: "";
  width: 32px;
  height: 32px;
  display: block;
  position: relative;
  background: url("/images/whatsapp.svg") center no-repeat;
}
@media (min-width: 721px) {
  .Header_contacts__m8GGi::before {
    display: none;
  }
}
.Header_contacts__m8GGi span {
  display: none;
}
@media (min-width: 721px) {
  .Header_contacts__m8GGi span {
    display: block;
  }
}

.Header_link__NQkR0 {
  display: block;
}
@media (min-width: 721px) and (max-width: 1244px) {
  .Header_link__NQkR0 {
    margin: 0 0 0 40px;
  }
}
@media (max-width: 721px) {
  .Header_link__NQkR0 {
    display: none;
  }
}
@media (max-width: 721px) {
  .Header_link__NQkR0 a {
    width: 184px;
  }
}

.Header_phone__OGAth {
  transition: 0.3s;
  white-space: nowrap;
  position: relative;
}
.Header_phone__OGAth::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(37deg, #e31d93 0%, #54c8e8 25%, #0055b8 50%, rgba(130, 215, 238, 0.73) 75%, #dd85ba 100%);
  opacity: 0;
  transition: 0.3s;
}
.Header_phone__OGAth:hover::after {
  opacity: 1;
}
.Header_phone__OGAth:active span {
  background: linear-gradient(37deg, #e31d93 0%, #54c8e8 25%, #0055b8 50%, rgba(130, 215, 238, 0.73) 75%, #dd85ba 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.Header_burgerMenu__Puq87 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  text-align: center;
  padding: 120px 0 34px;
  opacity: 0;
  z-index: -1;
  transition: 0.5s;
  pointer-events: none;
  background: url("/images/first-mobile.jpg") center no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
@media (max-height: 530px) {
  .Header_burgerMenu__Puq87 {
    justify-content: flex-start;
    overflow: auto;
  }
}
@media (min-width: 721px) {
  .Header_burgerMenu__Puq87 {
    position: absolute;
    top: 173px;
    height: auto;
    text-align: left;
    max-width: 1320px;
    max-height: calc(100vh - 280px);
    padding: 34px 20px;
    background: none;
    display: block;
  }
}
.Header_burgerMenu__Puq87 a {
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #f9f9f9;
  text-decoration: none;
  margin-bottom: 4px;
  display: inline-block;
  position: relative;
}
@media (min-width: 721px) {
  .Header_burgerMenu__Puq87 a {
    font-size: 32px;
    line-height: 137%;
    margin-bottom: 16px;
  }
}
.Header_burgerMenu__Puq87 a::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(37deg, #e31d93 0%, #54c8e8 25%, #0055b8 50%, rgba(130, 215, 238, 0.73) 75%, #dd85ba 100%);
  opacity: 0;
  transition: 0.3s;
}
.Header_burgerMenu__Puq87 a:hover::after {
  opacity: 1;
}
.Header_burgerMenu__Puq87 a:active {
  background: linear-gradient(37deg, #e31d93 0%, #54c8e8 25%, #0055b8 50%, rgba(130, 215, 238, 0.73) 75%, #dd85ba 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Header_burgerMenu__Puq87 svg {
  stroke: #f9f9f9;
}

.Header_menuPhone__AjMvw {
  margin-top: 0px;
}
@media (min-width: 721px) {
  .Header_menuPhone__AjMvw {
    display: none;
    margin-top: 16px;
    margin-bottom: 8px;
  }
}
.Header_menuPhone__AjMvw a {
  font-size: 16px;
  line-height: 200%;
}

@media (min-width: 721px) {
  .Header_menuWhatsapp__cqFca {
    display: none;
  }
}
.Header_menuWhatsapp__cqFca a:hover::after {
  display: none;
}

.Header_fixedMenuBtn__LicT_ {
  position: relative;
  align-items: center;
  background-size: contain;
  background: url("/images/submenu.svg") top center no-repeat;
  background-size: contain;
  border-radius: 0;
  border: none;
  box-shadow: none;
  color: #ffffff;
  display: none;
  font-family: var(--cera-regular);
  font-size: 18px;
  font-weight: 400;
  gap: 19px;
  height: 56px;
  justify-content: center;
  letter-spacing: 0.04em;
  line-height: 156%;
  margin: 0 auto;
  max-width: 332px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  max-width: 100%;
  width: 283px;
  z-index: 20;
  cursor: pointer;
}
@media (min-width: 721px) {
  .Header_fixedMenuBtn__LicT_ {
    background: #000000;
    border-radius: 48px;
    font-size: 18px;
    font-weight: 400;
    height: 56px;
    letter-spacing: 0.04em;
    line-height: 156%;
    max-width: 254px;
    text-align: center;
    text-transform: uppercase;
  }
}
.Header_fixedMenuBtn__LicT_ svg {
  display: block;
  height: 16px;
  position: relative;
  transform: rotate(180deg);
  width: 16px;
  stroke: #ffffff;
  transform-origin: center;
}
.Header_fixedMenuBtn__LicT_:hover span {
  background: linear-gradient(37deg, #e31d93 0%, #54c8e8 25%, #0055b8 50%, rgba(130, 215, 238, 0.73) 75%, #dd85ba 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Header_fixedMenuBtn__LicT_:hover svg {
  stroke: url(#select);
  transform: rotate(0);
}

.Header_activeBtn__mVtqd {
  border-radius: 48px 48px 0 0;
}

.Header_headerMenu__oCZQ0 {
  position: relative;
  display: block;
  margin: 0;
}
.Header_headerMenu__oCZQ0 > div {
  bottom: auto;
  top: 0;
  padding-top: 140px;
}
@media (min-width: 721px) {
  .Header_headerMenu__oCZQ0 > div {
    padding-top: 0;
  }
}

.Header_open__RYdbP {
  display: block;
}

.Header_fixed__fV2Nl {
  position: fixed;
  height: 80px;
  padding: 0;
}
.Header_fixed__fV2Nl::before {
  opacity: 1;
}
.Header_fixed__fV2Nl .Header_box__URuQs {
  padding-top: 12px;
  padding-bottom: 12px;
  z-index: 21;
  height: 80px;
  box-sizing: border-box;
}
.Header_fixed__fV2Nl .Header_logo__6i5Z8 {
  display: none;
}
@media (min-width: 721px) {
  .Header_fixed__fV2Nl .Header_logo__6i5Z8 {
    display: block;
    height: 100%;
  }
  .Header_fixed__fV2Nl .Header_logo__6i5Z8 img {
    max-height: 100%;
  }
}
.Header_fixed__fV2Nl .Header_link__NQkR0 {
  margin: auto;
  display: block;
}
@media (min-width: 721px) {
  .Header_fixed__fV2Nl .Header_link__NQkR0 {
    margin-right: 0;
  }
}
@media (min-width: 721px) {
  .Header_fixed__fV2Nl .Header_link__NQkR0 {
    margin-left: 0;
  }
}
.Header_fixed__fV2Nl .Header_searchBox__Busyj > div > div:last-child {
  width: calc(100% + 28px);
  left: -14px;
  top: 80px;
  height: calc(100vh - 80px);
}
@media (min-width: 721px) and (max-width: 1244px) {
  .Header_fixed__fV2Nl .Header_btns__AI1BJ,
  .Header_fixed__fV2Nl .Header_mobileBtns__3Wmx7 {
    margin-top: 0;
    margin-left: 30px;
  }
}
@media (max-width: 1100px) {
  .Header_fixed__fV2Nl .Header_contacts__m8GGi {
    display: none;
  }
}
@media (min-width: 1100px) {
  .Header_fixed__fV2Nl .Header_contacts__m8GGi {
    margin: 0 60px 0 0;
  }
}
.Header_fixed__fV2Nl .Header_burgerMenu__Puq87 {
  top: 0;
  z-index: 20;
}
@media (min-width: 721px) {
  .Header_fixed__fV2Nl .Header_burgerMenu__Puq87 {
    top: 80px;
  }
}
.Header_fixed__fV2Nl .Header_burgerMenu__Puq87::before {
  content: "";
  width: 100vw;
  height: 100vh;
  display: block;
  position: fixed;
  background: linear-gradient(27deg, #416ba9 0%, #e31d93 30.85%, #54c8e8 70.7%, #dd85ba 100%);
  top: 0;
  left: 0;
  z-index: 0;
}
.Header_fixed__fV2Nl .Header_fixedMenuBtn__LicT_ {
  display: flex;
}
@media (max-width: 721px) {
  .Header_fixed__fV2Nl .Header_fixedMenuBtn__LicT_ {
    display: none;
  }
}
.Header_fixed__fV2Nl .Header_headerMenu__oCZQ0 > div {
  padding-top: 90px;
}
@media (min-width: 721px) {
  .Header_fixed__fV2Nl .Header_headerMenu__oCZQ0 > div {
    padding: 30px 0;
  }
}

.Header_active__fiUvR {
  display: block;
}

.Header_mobileTreatments__t1msj .Header_fixedMenuBtn__LicT_ {
  display: flex;
  background: #000;
  border-radius: 48px;
  height: 48px;
  max-width: 184px;
  margin-top: 30px;
  font-size: 16px;
  gap: 10px;
}
@media (min-width: 721px) {
  .Header_mobileTreatments__t1msj .Header_fixedMenuBtn__LicT_ {
    display: none;
  }
}
.Header_mobileTreatments__t1msj .Header_fixedMenuBtn__LicT_.Header_activeBtn__mVtqd {
  border-radius: 0 0 48px 48px;
}

.Header_searchBox__Busyj {
  margin: 0;
}
@media (max-width: 721px) {
  .Header_searchBox__Busyj {
    order: 2;
  }
}
@media (min-width: 721px) {
  .Header_searchBox__Busyj {
    margin-right: 120px;
    width: auto;
  }
}
@media (min-width: 1000px) {
  .Header_searchBox__Busyj {
    margin: 0 200px 0 30px;
  }
}
@media (min-width: 1244px) {
  .Header_searchBox__Busyj {
    margin: 0 160px 0 0;
  }
}

.Header_close__rCtUB span {
  background: none;
}
.Header_close__rCtUB span::before {
  transform: rotate(45deg);
  top: 0;
  left: 0;
}
.Header_close__rCtUB span::after {
  transform: rotate(-45deg);
  top: 0;
  left: 0;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[13].use[5]!./src/styles/reviews.swiper.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:export {
  --color-darkblue: $darkblue;
  --color-blue: $blue;
  --color-black: $black;
  --color-red: red;
  --color-lightgray: $lightgray;
  --color-white: $white;
  --color-darkgray: $darkgray;
  --color-gray: $gray;
  --color-gray2: $gray2;
  --color-lightblue: $lightblue;
  --font-family: $cr;
  --font-size: 14px;
  --line-height: 1.3;
}

#reviews .swiper-slide {
  max-width: 300px;
  height: auto;
  display: flex;
  align-items: flex-start;
}
@media (min-width: 721px) {
  #reviews .swiper-slide {
    max-width: 315px;
  }
  #reviews .swiper-slide.swiper-slide-prev > div, #reviews .swiper-slide.swiper-slide-active > div, #reviews .swiper-slide.swiper-slide-next > div, #reviews .swiper-slide.swiper-slide-next + .swiper-slide > div {
    height: 100%;
  }
  #reviews .swiper-slide.swiper-slide-prev [class^=Reviews_text], #reviews .swiper-slide.swiper-slide-active [class^=Reviews_text], #reviews .swiper-slide.swiper-slide-next [class^=Reviews_text], #reviews .swiper-slide.swiper-slide-next + .swiper-slide [class^=Reviews_text] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 99;
    -webkit-box-orient: vertical;
    height: auto;
  }
  #reviews .swiper-slide.swiper-slide-prev button, #reviews .swiper-slide.swiper-slide-active button, #reviews .swiper-slide.swiper-slide-next button, #reviews .swiper-slide.swiper-slide-next + .swiper-slide button {
    display: none;
  }
  #reviews .swiper-slide .expanded {
    height: auto;
    -webkit-line-clamp: 99;
  }
}

.rating4::before {
  left: -20% !important;
}

.rating3::before {
  left: -40% !important;
}

.rating2::before {
  left: -60% !important;
}

.rating1::before {
  left: -80% !important;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[9].use[5]!./src/styles/Reviews.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Reviews_section__VgXcy {
  padding: 42px 0;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
@media (min-width: 721px) {
  .Reviews_section__VgXcy {
    padding: 64px 0;
  }
  .Reviews_section__VgXcy::before {
    content: "";
    width: 780px;
    height: 1581px;
    display: block;
    background: url("/images/element-reviews.svg") bottom left no-repeat;
    position: absolute;
    pointer-events: none;
    z-index: -1;
  }
}

.Reviews_flex__bbe9E {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
@media (min-width: 1244px) {
  .Reviews_flex__bbe9E {
    align-items: center;
    justify-content: center;
  }
}

@media (min-width: 1244px) {
  .Reviews_box__5KRfc {
    position: relative;
  }
}

.Reviews_wrap__HrraR {
  display: block;
  position: relative;
  z-index: 35;
}

.Reviews_testimonials__zQSmS {
  position: relative;
  overflow: visible;
}

.Reviews_btns__dr6c3 {
  width: 83px;
  height: 40px;
  z-index: 30;
  flex-shrink: 0;
  position: relative;
  z-index: 40;
}
@media (max-width: 720px) {
  .Reviews_btns__dr6c3 {
    margin-left: auto;
  }
}
@media (min-width: 721px) and (max-width: 1243px) {
  .Reviews_btns__dr6c3 {
    margin-left: 30px;
  }
}
@media (min-width: 1244px) {
  .Reviews_btns__dr6c3 {
    position: absolute;
    bottom: 124px;
    left: 1040px;
    width: 180px;
    height: 80px;
  }
}

.Reviews_testimonial__oNzkp {
  max-width: 300px;
  padding: 22px;
  width: 100%;
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.06);
  background: #fff;
}
@media (max-width: 720px) {
  .Reviews_testimonial__oNzkp {
    height: 100%;
  }
}
@media (min-width: 721px) {
  .Reviews_testimonial__oNzkp {
    max-width: 315px;
    padding: 28px 35px;
  }
}

.Reviews_user__2u9zs {
  font-weight: 400;
  font-size: 14px;
  line-height: 129%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #000000;
}
@media (min-width: 1244px) {
  .Reviews_user__2u9zs {
    font-size: 18px;
    line-height: 156%;
  }
}

.Reviews_info__0HnNM {
  font-weight: 400;
  font-size: 12px;
  line-height: 167%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #000000;
  opacity: 0.5;
}
@media (min-width: 1244px) {
  .Reviews_info__0HnNM {
    font-size: 14px;
    line-height: 186%;
  }
}

.Reviews_image__YnxC_ {
  width: 64px;
  height: 64px;
  border-radius: 100%;
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.06);
  margin-bottom: 13px;
}
@media (min-width: 1244px) {
  .Reviews_image__YnxC_ {
    width: 80px;
    height: 80px;
  }
}
.Reviews_image__YnxC_ img {
  width: 100%;
  height: auto;
}

.Reviews_rating__LAzE3 {
  width: 92px;
  height: 16px;
  display: block;
  overflow: hidden;
  margin: 8px 0 9px;
  position: relative;
}
@media (min-width: 721px) {
  .Reviews_rating__LAzE3 {
    margin: 11px 0 12px 0;
  }
}
@media (min-width: 1244px) {
  .Reviews_rating__LAzE3 {
    height: 24px;
    width: 136px;
  }
}
.Reviews_rating__LAzE3::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: url("/images/stars.svg") left center no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.Reviews_text__qLiER {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: #000000;
  opacity: 0.56;
  transition: height 0.3s;
}
@media (min-width: 721px) {
  .Reviews_text__qLiER {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 7em;
  }
  .Reviews_text__qLiER.Reviews_expanded__fUpwF {
    height: "auto";
    -webkit-line-clamp: 99;
  }
}

.Reviews_link__WA6OQ {
  font-weight: 400;
  font-size: 16px;
  line-height: 171%;
  text-decoration: underline;
  color: #000000;
  background: none;
  box-shadow: none;
  border: none;
  padding: 0;
  margin: 13px 0 0;
}
@media (max-width: 720px) {
  .Reviews_link__WA6OQ {
    display: none;
  }
}
@media (min-width: 721px) {
  .Reviews_link__WA6OQ {
    font-size: 14px;
  }
}

.Reviews_prevButton__5sYS1 {
  align-items: center;
  background-size: contain;
  background: #fff;
  border-radius: 100%;
  border: none;
  box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.06);
  color: #ffffff;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  height: 40px;
  justify-content: center;
  left: 0;
  letter-spacing: 0.04em;
  margin: auto;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  width: 40px;
  transition: 0.5s;
}
.Reviews_prevButton__5sYS1 path {
  transition: 0.5s;
}
@media (min-width: 1244px) {
  .Reviews_prevButton__5sYS1 {
    width: 80px;
    height: 80px;
  }
}
.Reviews_prevButton__5sYS1 svg {
  stroke: #000000;
  transform: rotate(180deg) scale(0.39);
}
@media (min-width: 1244px) {
  .Reviews_prevButton__5sYS1 svg {
    transform: rotate(180deg) scale(0.79);
  }
}
@media (min-width: 1244px) {
  .Reviews_prevButton__5sYS1:hover path {
    stroke: url(#arrow);
  }
}
.Reviews_prevButton__5sYS1:active {
  box-shadow: none;
}

.Reviews_nextButton__qR9Fz {
  align-items: center;
  background-size: contain;
  background: #fff;
  border-radius: 100%;
  border: none;
  box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.06);
  color: #ffffff;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  height: 40px;
  justify-content: center;
  letter-spacing: 0.04em;
  margin: auto;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
  width: 40px;
  transition: 0.5s;
}
.Reviews_nextButton__qR9Fz path {
  transition: 0.5s;
}
@media (min-width: 1244px) {
  .Reviews_nextButton__qR9Fz {
    width: 80px;
    height: 80px;
  }
}
.Reviews_nextButton__qR9Fz svg {
  stroke: #000000;
  transform: scale(0.39);
}
@media (min-width: 1244px) {
  .Reviews_nextButton__qR9Fz svg {
    transform: scale(0.79);
  }
}
@media (min-width: 1244px) {
  .Reviews_nextButton__qR9Fz:hover path {
    stroke: url(#arrow);
  }
}
.Reviews_nextButton__qR9Fz:active {
  box-shadow: none;
}

.Reviews_disable__n1nI9 {
  opacity: 0.3;
  pointer-events: none;
}

.Reviews_btn__ZIoCj a {
  position: relative;
  align-items: center;
  background-size: contain;
  background: #000000;
  background-size: contain;
  border-radius: 0;
  border: none;
  box-shadow: none;
  color: #ffffff;
  display: flex;
  font-family: var(--cera-regular);
  font-size: 18px;
  font-weight: 400;
  gap: 19px;
  height: 48px;
  justify-content: center;
  letter-spacing: 0.04em;
  line-height: 156%;
  margin: 0 auto;
  max-width: 184px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  max-width: 100%;
  width: 184px;
  z-index: 20;
  cursor: pointer;
  margin-top: 24px;
  text-decoration: none;
  border-radius: 48px;
}
@media (min-width: 721px) {
  .Reviews_btn__ZIoCj a {
    background: #000000;
    border-radius: 48px;
    font-size: 18px;
    font-weight: 400;
    height: 60px;
    letter-spacing: 0.04em;
    line-height: 156%;
    max-width: 310px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 64px;
  }
}
.Reviews_btn__ZIoCj a svg {
  display: block;
  height: 16px;
  position: relative;
  transform: rotate(180deg);
  width: 16px;
  stroke: #ffffff;
  transform-origin: center;
}
.Reviews_btn__ZIoCj a:hover span {
  background: linear-gradient(37deg, #e31d93 0%, #54c8e8 25%, #0055b8 50%, rgba(130, 215, 238, 0.73) 75%, #dd85ba 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.Reviews_btn__ZIoCj a:hover svg {
  transform: rotate(0);
}
@media (min-width: 721px) {
  .Reviews_btn__ZIoCj a:hover svg {
    stroke: url(#select);
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[7].use[3]!./src/styles/page.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.page_main__xXfsr {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}
.page_page__cITjb {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[9].use[5]!./src/styles/PageTitle.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.PageTitle_section__gULL3 {
  background: url("/images/page-title.png") center no-repeat;
  background-size: 100% 100%;
  padding-top: 175px;
  padding-bottom: 56px;
}
@media (min-width: 721px) {
  .PageTitle_section__gULL3 {
    padding-top: 248px;
    padding-bottom: 79px;
  }
}
.PageTitle_section__gULL3 h1 {
  color: #ffffff;
  text-align: center;
  position: relative;
  font-weight: 400;
  line-height: 1.125;
  margin-bottom: 23px;
}
@media (min-width: 721px) {
  .PageTitle_section__gULL3 h1 {
    font-size: 96px;
    line-height: 110%;
    letter-spacing: 0.04em;
    margin-bottom: 48px;
  }
}
.PageTitle_section__gULL3 h1 span {
  position: relative;
  display: inline-block;
}
.PageTitle_section__gULL3 h1 span::before {
  content: "";
  width: 28px;
  height: 21px;
  background: url("/images/element.svg") center no-repeat;
  background-size: contain;
  position: absolute;
  top: -7px;
  right: -32px;
}
@media (min-width: 721px) {
  .PageTitle_section__gULL3 h1 span::before {
    width: 82px;
    height: 63px;
    background: url("/images/element-big.svg") center no-repeat;
    top: -30px;
    right: -78px;
  }
}

@media (max-width: 721px) {
  .PageTitle_menu__WXT36 {
    padding-bottom: 23px;
    display: none;
  }
}
.PageTitle_menu__WXT36 > div {
  position: relative;
  bottom: auto;
  top: auto;
}
@media (max-width: 721px) {
  .PageTitle_menu__WXT36 > div > div > button {
    background: #000000;
    border-radius: 48px;
    width: 221px;
    height: 48px;
  }
}
@media (max-width: 721px) {
  .PageTitle_menu__WXT36 > div > div > ul {
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[9].use[5]!./src/styles/ContentFirst.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ContentFirst_section__CIZ6c {
  display: block;
  margin-top: -24px;
  margin-bottom: 32px;
}
@media (min-width: 721px) {
  .ContentFirst_section__CIZ6c {
    margin-bottom: 60px;
    margin-top: -40px;
  }
}

@media (min-width: 960px) {
  .ContentFirst_box__l6Xv8 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 60px;
  }
}

.ContentFirst_media__y__Cz {
  max-width: 100%;
  flex-shrink: 0;
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 721px) {
  .ContentFirst_media__y__Cz {
    max-width: 442px;
  }
}
@media (min-width: 960px) {
  .ContentFirst_media__y__Cz {
    margin-bottom: 0;
  }
}

.ContentFirst_text__JlWwQ {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: #757575;
  max-width: 645px;
}
@media (min-width: 721px) {
  .ContentFirst_text__JlWwQ {
    font-size: 20px;
    line-height: 160%;
    margin: 100px 0 0 0;
    max-width: 100%;
  }
  .ContentFirst_media__y__Cz + .ContentFirst_text__JlWwQ {
    margin: 0;
    max-width: 645px;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[9].use[5]!./src/styles/Benefits.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Benefits_section__JNLma {
  display: block;
  width: 100%;
  overflow: hidden;
  padding-bottom: 32px;
  position: relative;
}
@media (min-width: 721px) {
  .Benefits_section__JNLma {
    padding-bottom: 80px;
  }
}
.Benefits_section__JNLma::before {
  content: "";
  width: 500px;
  height: 500px;
  display: block;
  border-radius: 100%;
  background: radial-gradient(#e66465, rgba(255, 255, 255, 0));
  opacity: 0.5;
  filter: blur(250px);
  position: absolute;
  z-index: -1;
  right: 90%;
  top: 90%;
}
@media (min-width: 721px) {
  .Benefits_section__JNLma::before {
    bottom: -250px;
    right: -250px;
    top: auto;
  }
}

.Benefits_title__7OPw8 {
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 32px;
  max-width: 780px;
  text-align: left;
}
@media (min-width: 721px) {
  .Benefits_title__7OPw8 {
    margin-bottom: 95px;
  }
}

.Benefits_list__X0mzg {
  display: flex;
  justify-content: center;
  gap: 55px 110px;
  flex-wrap: wrap;
}

.Benefits_item__HbW_g {
  display: block;
  width: 74%;
  max-width: 400px;
  position: relative;
  margin-left: 0;
  margin-right: auto;
  z-index: 5;
}
@media (min-width: 721px) {
  .Benefits_item__HbW_g {
    margin: 0 auto;
    max-width: 270px;
    width: 100%;
  }
}
.Benefits_item__HbW_g:nth-child(2n+2) {
  margin-left: auto;
  margin-right: 0;
}
@media (min-width: 721px) {
  .Benefits_item__HbW_g:nth-child(2n+2) {
    margin: 0 auto;
  }
}
.Benefits_item__HbW_g:first-child .Benefits_icon__N2cOs::before, .Benefits_item__HbW_g:nth-child(8) .Benefits_icon__N2cOs::before {
  background-image: url("/images/masks/mask-1.svg");
}
.Benefits_item__HbW_g:nth-child(2) .Benefits_icon__N2cOs::before, .Benefits_item__HbW_g:nth-child(9) .Benefits_icon__N2cOs::before {
  background-image: url("/images/masks/mask-2.svg");
}
.Benefits_item__HbW_g:nth-child(3) .Benefits_icon__N2cOs::before, .Benefits_item__HbW_g:nth-child(10) .Benefits_icon__N2cOs::before {
  background-image: url("/images/masks/mask-3.svg");
}
.Benefits_item__HbW_g:nth-child(4) .Benefits_icon__N2cOs::before, .Benefits_item__HbW_g:nth-child(11) .Benefits_icon__N2cOs::before {
  background-image: url("/images/masks/mask-4.svg");
}
.Benefits_item__HbW_g:nth-child(5) .Benefits_icon__N2cOs::before, .Benefits_item__HbW_g:nth-child(12) .Benefits_icon__N2cOs::before {
  background-image: url("/images/masks/mask-5.svg");
}
.Benefits_item__HbW_g:nth-child(6) .Benefits_icon__N2cOs::before, .Benefits_item__HbW_g:nth-child(13) .Benefits_icon__N2cOs::before {
  background-image: url("/images/masks/mask-6.svg");
}
.Benefits_item__HbW_g:nth-child(7) .Benefits_icon__N2cOs::before, .Benefits_item__HbW_g:nth-child(14) .Benefits_icon__N2cOs::before {
  background-image: url("/images/masks/mask-7.svg");
}

.Benefits_icon__N2cOs {
  margin-bottom: 20px;
  margin-left: 53px;
}
@media (min-width: 721px) {
  .Benefits_icon__N2cOs {
    margin-left: 67px;
  }
}
.Benefits_icon__N2cOs::before {
  content: "";
  width: 147px;
  height: 143px;
  position: absolute;
  left: -73px;
  top: -23px;
  display: block;
  z-index: -1;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 721px) {
  .Benefits_icon__N2cOs::before {
    width: 198px;
    height: 223px;
    left: -92px;
    top: -68px;
  }
}

.Benefits_name__29kuM {
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #000000;
}
@media (min-width: 721px) {
  .Benefits_name__29kuM {
    font-size: 24px;
    line-height: 150%;
  }
}

.Benefits_text__Zg1NB {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: #757575;
}
@media (min-width: 721px) {
  .Benefits_text__Zg1NB {
    font-size: 16px;
    line-height: 162%;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[9].use[5]!./src/styles/ContentBlock.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ContentBlock_section__RqHme {
  display: block;
  padding: 0 0 42px;
}
@media (min-width: 721px) {
  .ContentBlock_section__RqHme {
    padding: 0 0 60px;
  }
}

@media (min-width: 960px) {
  .ContentBlock_box___raMk {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 60px;
  }
}

.ContentBlock_media__Hs7A3 {
  max-width: 100%;
  flex-shrink: 0;
  width: 100%;
  margin-bottom: 30px;
}
@media (min-width: 721px) {
  .ContentBlock_media__Hs7A3 {
    max-width: 442px;
    margin-bottom: 0;
  }
}

.ContentBlock_text__GRsQF {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: #757575;
  max-width: 645px;
}
@media (min-width: 721px) {
  .ContentBlock_text__GRsQF {
    font-size: 20px;
    line-height: 160%;
    padding-top: 60px;
  }
}

.ContentBlock_title__qGaKL {
  margin-bottom: 20px;
  color: #000000;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[9].use[5]!./src/styles/Contrindications.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Contrindications_section__thCOz {
  display: block;
  background: rgba(243, 244, 240, 0.7);
  padding: 42px 0;
  margin-bottom: 42px;
}
@media (min-width: 721px) {
  .Contrindications_section__thCOz {
    padding: 72px 0;
    margin-bottom: 72px;
  }
}

@media (min-width: 960px) {
  .Contrindications_flex__hxq5d {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 60px;
  }
}

.Contrindications_info__UXduv {
  width: 100%;
  flex-shrink: 0;
  margin-bottom: 16px;
}
@media (min-width: 960px) {
  .Contrindications_info__UXduv {
    max-width: 442px;
    margin-bottom: 0;
    width: 33%;
  }
}

.Contrindications_title__alEHW {
  margin-bottom: 10px;
}
@media (min-width: 960px) {
  .Contrindications_title__alEHW {
    margin-bottom: 0;
  }
}

.Contrindications_text__dmaWF {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  text-transform: uppercase;
  color: #757575;
}
@media (min-width: 960px) {
  .Contrindications_text__dmaWF {
    display: none;
  }
}

.Contrindications_contrindications__vWkyp {
  width: 100%;
}
@media (min-width: 960px) {
  .Contrindications_contrindications__vWkyp {
    display: flex;
    gap: 30px 48px;
    flex-wrap: wrap;
  }
}

.Contrindications_contrindication__S9Z4p {
  padding-left: 30px;
  position: relative;
  font-size: 16px;
  line-height: 143%;
}
.Contrindications_contrindication__S9Z4p:not(:last-child) {
  margin-bottom: 16px;
}
@media (min-width: 960px) {
  .Contrindications_contrindication__S9Z4p {
    padding-left: 40px;
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 0;
  }
}
.Contrindications_contrindication__S9Z4p::before {
  content: "";
  width: 21px;
  height: 21px;
  display: block;
  background: url("/images/contrindication.svg") center no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 960px) {
  .Contrindications_contrindication__S9Z4p::before {
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 960px) {
  .Contrindications_contrindication__S9Z4p {
    width: calc(50% - 24px);
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[9].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[11].oneOf[9].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[11].oneOf[9].use[5]!./src/styles/RelevantProcedures.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.RelevantProcedures_section__iGlmJ {
  background: rgba(243, 244, 240, 0.7);
  padding: 40px 0;
  position: relative;
  z-index: 5;
}
@media (min-width: 721px) {
  .RelevantProcedures_section__iGlmJ {
    padding: 80px 0;
  }
}

.RelevantProcedures_title__wmjTD {
  margin-bottom: 40px;
}
@media (min-width: 721px) {
  .RelevantProcedures_title__wmjTD {
    margin-bottom: 80px;
    max-width: 70%;
  }
}

.RelevantProcedures_procedures__yKYc4 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  flex-wrap: wrap;
}
@media (min-width: 721px) {
  .RelevantProcedures_procedures__yKYc4 {
    flex-direction: row;
    gap: 60px;
  }
}

.RelevantProcedures_procedure__iaxht {
  width: 74%;
  max-width: 400px;
  text-decoration: none;
  color: #757575;
}
@media (max-width: 720px) {
  .RelevantProcedures_procedure__iaxht:nth-child(2n+2) {
    margin-left: auto;
    margin-right: 0;
  }
}
@media (min-width: 721px) {
  .RelevantProcedures_procedure__iaxht {
    max-width: 270px;
    width: 100%;
  }
}
.RelevantProcedures_procedure__iaxht a {
  text-decoration: none;
  color: inherit;
}
.RelevantProcedures_procedure__iaxht a:hover .RelevantProcedures_procedureTitle__a0Yqw span {
  background-size: 0 1px;
}
.RelevantProcedures_procedure__iaxht a:hover .RelevantProcedures_procedureTitle__a0Yqw span {
  background: linear-gradient(37deg, #e31d93 0%, #54c8e8 25%, #0055b8 50%, rgba(130, 215, 238, 0.73) 75%, #dd85ba 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.RelevantProcedures_icon__ILhU5 {
  margin-bottom: 20px;
  position: relative;
  padding-left: 60px;
  display: block;
}
@media (min-width: 721px) {
  .RelevantProcedures_icon__ILhU5 {
    margin-bottom: 60px;
  }
}
.RelevantProcedures_icon__ILhU5::before {
  content: "";
  width: 150px;
  height: 150px;
  display: block;
  background: url("/images/masks/star.svg") center no-repeat;
  background-size: contain;
  position: absolute;
  top: -19px;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
@media (min-width: 721px) {
  .RelevantProcedures_icon__ILhU5::before {
    width: 175px;
    height: 182px;
  }
}

.RelevantProcedures_procedureIcon__zYfTh {
  position: relative;
  z-index: 2;
  display: block;
  min-width: 50px;
  min-height: 50px;
}

.RelevantProcedures_procedureTitle__a0Yqw {
  color: #000000;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  display: block;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 10px;
  position: relative;
  z-index: 5;
  color: #000000;
}
@media (min-width: 721px) {
  .RelevantProcedures_procedureTitle__a0Yqw {
    font-size: 24px;
    line-height: 120%;
  }
}
.RelevantProcedures_procedureTitle__a0Yqw span {
  background: linear-gradient(37deg, #e31d93 0%, #54c8e8 25%, #0055b8 50%, rgba(130, 215, 238, 0.73) 75%, #dd85ba 100%);
  background-size: 100% 1px;
  background-position: 0 100%;
  background-repeat: no-repeat;
}

.RelevantProcedures_procedureText__bTsp_ {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  position: relative;
  z-index: 5;
}
@media (min-width: 721px) {
  .RelevantProcedures_procedureText__bTsp_ {
    font-size: 16px;
    line-height: 162%;
  }
}
